1 /* 2 * Copyright (C) 2008 Google Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions are 6 * met: 7 * 8 * * Redistributions of source code must retain the above copyright 9 * notice, this list of conditions and the following disclaimer. 10 * * Redistributions in binary form must reproduce the above 11 * copyright notice, this list of conditions and the following disclaimer 12 * in the documentation and/or other materials provided with the 13 * distribution. 14 * * Neither the name of Google Inc. nor the names of its 15 * contributors may be used to endorse or promote products derived from 16 * this software without specific prior written permission. 17 * 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 29 */ 30 31 /* These styles override the default styling for HTML elements as defined in 32 WebCore/css/html.css. So far we have used this file exclusively for 33 making our form elements match Firefox's. */ 34 35 input:not([type]), 36 input[type="color"], 37 input[type="date"], 38 input[type="datetime"], 39 input[type="datetime-local"], 40 input[type="email"], 41 input[type="month"], 42 input[type="number"], 43 input[type="password"], 44 input[type="tel"], 45 input[type="text"], 46 input[type="time"], 47 input[type="url"], 48 input[type="week"] { 49 padding:1px 0; 50 } 51 52 input[type="search"] { 53 padding:1px; 54 } 55 56 input[type="checkbox"] { 57 margin:3px 3px 3px 4px; 58 } 59 60 input[type="radio"] { 61 margin:3px 3px 0 5px; 62 } 63 64 /* Not sure this is the right color. #EBEBE4 is what Firefox uses. 65 FIXME: Figure out how to support legacy input rendering. 66 FIXME: Add input[type="file"] once we figure out our file inputs. 67 FIXME: Add input[type="image"] once we figure out our image inputs. 68 FIXME: We probably do the wrong thing if you put an invalid input type. 69 do we care? 70 */ 71 textarea:disabled, 72 input:not([type]):disabled, 73 input[type="color"]:disabled, 74 input[type="date"]:disabled, 75 input[type="datetime"]:disabled, 76 input[type="datetime-local"]:disabled, 77 input[type="email"]:disabled, 78 input[type="month"]:disabled, 79 input[type="password"]:disabled, 80 input[type="number"]:disabled, 81 input[type="search"]:disabled, 82 input[type="tel"]:disabled, 83 input[type="text"]:disabled, 84 input[type="time"]:disabled, 85 input[type="url"]:disabled, 86 input[type="week"]:disabled { 87 background-color: #EBEBE4; 88 } 89 90 input[type="search"]::-webkit-search-cancel-button { 91 margin-right: 3px; 92 } 93 94 input[type="search"]::-webkit-search-results-decoration { 95 margin: 0 3px 0 2px; 96 } 97 98 input[type="search"]::-webkit-search-results-button { 99 margin: 0 3px 0 2px; 100 } 101 102 input::-webkit-outer-spin-button { 103 margin: 0; 104 } 105 106 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { 107 padding: 1px 6px; 108 } 109 110 /* Windows selects are not rounded. Custom borders for them shouldn't be either. */ 111 keygen, 112 select, 113 select[size="0"], 114 select[size="1"] { 115 -webkit-border-radius: 0; 116 } 117 118 /* Option font must be inherited because we depend on computing the size of the 119 <select> based on the size of the options, and they must use the same font 120 for that computation to be correct */ 121 option { 122 font: inherit !important; 123 } 124 125 textarea { 126 font-family: monospace; 127 } 128