diff options
| author | Vjacheslav Trushkin <cyberalien@gmail.com> | 2013-04-09 23:04:07 +0300 |
|---|---|---|
| committer | Senky <jakubsenko@gmail.com> | 2013-05-20 18:42:05 +0200 |
| commit | 178f23d4d8e37724e5f27cfb9b19dd2ab867e888 (patch) | |
| tree | 0349505277214f27d1d52cc13753e3fd83202b7c /phpBB/styles/prosilver/theme | |
| parent | 06b7e424fca4e42428a54b1cc7eba572a2ec2620 (diff) | |
| download | forums-178f23d4d8e37724e5f27cfb9b19dd2ab867e888.tar forums-178f23d4d8e37724e5f27cfb9b19dd2ab867e888.tar.gz forums-178f23d4d8e37724e5f27cfb9b19dd2ab867e888.tar.bz2 forums-178f23d4d8e37724e5f27cfb9b19dd2ab867e888.tar.xz forums-178f23d4d8e37724e5f27cfb9b19dd2ab867e888.zip | |
[ticket/11010] Change input type to search for search forms
Change input type to search for search forms
Replace search placeholder JS with placeholder attribute
Add style for search placeholder
PHPBB3-11010
Diffstat (limited to 'phpBB/styles/prosilver/theme')
| -rw-r--r-- | phpBB/styles/prosilver/theme/colours.css | 17 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/forms.css | 9 |
2 files changed, 26 insertions, 0 deletions
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css index a2fe112b45..7d0462be1b 100644 --- a/phpBB/styles/prosilver/theme/colours.css +++ b/phpBB/styles/prosilver/theme/colours.css @@ -995,6 +995,14 @@ fieldset.quick-login input.inputbox { color: #333333; } +.inputbox:-moz-placeholder { + color: #333333; +} + +.inputbox::-webkit-input-placeholder { + color: #333333; +} + .inputbox:hover { border-color: #11A3EA; } @@ -1004,6 +1012,15 @@ fieldset.quick-login input.inputbox { color: #0F4987; } +.inputbox:focus:-moz-placeholder { + color: transparent; +} + +.inputbox:focus::-webkit-input-placeholder { + color: transparent; +} + + /* Form button styles ---------------------------------------- */ diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css index 8829211934..b66544acf7 100644 --- a/phpBB/styles/prosilver/theme/forms.css +++ b/phpBB/styles/prosilver/theme/forms.css @@ -286,6 +286,15 @@ textarea.inputbox { width: auto !important; } +input[type="search"] { + -webkit-appearance: textfield; + -webkit-box-sizing: content-box; +} + +input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { + display: none; +} + /* Form button styles ---------------------------------------- */ input.button1, input.button2 { |