Twenty Fourteen: fix low-contrast input elements in Firefox by explicitly setting `opacity: 1` for the placeholder text. Also brighten the border styles a bit. Props iamtakashi, fixes #25930.

git-svn-id: https://develop.svn.wordpress.org/trunk@26116 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Lance Willett 2013-11-13 02:45:15 +00:00
parent 7cd8d225a3
commit 3f49cd224e
1 changed files with 7 additions and 6 deletions

View File

@ -545,19 +545,20 @@ input[type="submit"]:active {
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #767676;
color: #939393;
}
:-moz-placeholder {
color: #767676;
color: #939393;
}
::-moz-placeholder {
color: #767676;
color: #939393;
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #767676;
color: #939393;
}
/* Responsive images. Fluid images for posts, comments, and widgets */
@ -2195,7 +2196,7 @@ a.post-thumbnail:hover {
.widget input,
.widget textarea {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 16px;
padding: 1px 2px 2px 4px;
@ -2203,7 +2204,7 @@ a.post-thumbnail:hover {
.widget input:focus,
.widget textarea:focus {
border-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
}
.widget button,