Changes between Version 6 and Version 7 of Styling Form Controls
- Timestamp:
- Mar 28, 2011 7:15:00 PM (13 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Styling Form Controls
v6 v7 103 103 === WebKit r82179 or older (Chrome 10 and 11) === 104 104 105 A validation message consists of four DIV elements with pseudo classes. 105 A validation message consists of four DIV elements with pseudo classes. You can change the appearance by changing these pseudo classes. 106 106 107 107 {{{ … … 115 115 }}} 116 116 117 ==== Example ==== 117 118 Suppose that you want to modify colors of validation messages. Add the following CSS declarations: 118 119 {{{ … … 147 148 }}} 148 149 149 ... 150 150 ==== Example ==== 151 Suppose that you want to modify colors of validation messages. Add the following CSS declarations: 152 {{{ 153 ::-webkit-validation-bubble-message { 154 color: <text-color>; 155 background: <background-color>; 156 border-color: <border-color>; 157 -webkit-box-shadow: 0 0 0 0; 158 } 159 ::-webkit-validation-bubble-arrow { 160 background: <background-color>; 161 border-color: <border-color>; 162 -webkit-box-shadow: 0 0 0 0; 163 } 164 }}} 151 165 152 166 The default appearance is defined around http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css#L589 (Search for "validation")