Changes between Version 6 and Version 7 of Styling Form Controls


Ignore:
Timestamp:
Mar 28, 2011 7:15:00 PM (12 years ago)
Author:
tkent@chromium.org
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • Styling Form Controls

    v6 v7  
    103103=== WebKit r82179 or older (Chrome 10 and 11) ===
    104104
    105 A validation message consists of four DIV elements with pseudo classes.
     105A validation message consists of four DIV elements with pseudo classes.  You can change the appearance by changing these pseudo classes.
    106106
    107107{{{
     
    115115}}}
    116116
     117==== Example ====
    117118Suppose that you want to modify colors of validation messages. Add the following CSS declarations:
    118119{{{
     
    147148}}}
    148149
    149 ...
    150 
     150==== Example ====
     151Suppose 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}}}
    151165
    152166The default appearance is defined around http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css#L589 (Search for "validation")