Gravity Forms Placeholder Styling

[css]

input[type=“text“]::-webkit-input-placeholder,
input[type=“search“]::-webkit-input-placeholder,
input[type=“tel“]::-webkit-input-placeholder,
input[type=“url“]::-webkit-input-placeholder,
input[type=“email“],
input[type=“number“]::-webkit-input-placeholder,
input[type=“date“]::-webkit-input-placeholder,
input[type=“range“]::-webkit-input-placeholder,
input[type=“password“]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome */
color: #333 !important;
font-weight: 300!important;
}
input[type=“text“]:-ms-input-placeholder,
input[type=“search“]:-ms-input-placeholder,
input[type=“tel“]:-ms-input-placeholder,
input[type=“url“]:-ms-input-placeholder,
input[type=“email“]:-ms-input-placeholder,
input[type=“number“]:-ms-input-placeholder,
input[type=“date“]:-ms-input-placeholder,
input[type=“range“]:-ms-input-placeholder,
input[type=“password“]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+ */
color: #333 !important;
font-weight: 300!important;
}

input[type=“text“]::-moz-placeholder,
input[type=“search“]::-moz-placeholder,
input[type=“tel“]::-moz-placeholder,
input[type=“url“]::-moz-placeholder,
input[type=“email“]::-moz-placeholder,
input[type=“number“]::-moz-placeholder,
input[type=“date“]::-moz-placeholder,
input[type=“range“]::-moz-placeholder,
input[type=“password“]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
color: #333 !important;
opacity: 1 !important;
font-weight: 300!important;
}

input[type=“text“]:-moz-placeholder,
input[type=“search“]:-moz-placeholder,
input[type=“tel“]:-moz-placeholder,
input[type=“url“]:-moz-placeholder,
input[type=“email“]:-moz-placeholder,
input[type=“number“]:-moz-placeholder,
input[type=“date“]:-moz-placeholder,
input[type=“range“]:-moz-placeholder,
input[type=“password“]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4 – 18 */
color: #333 !important;
opacity: 1 !important;
font-weight: 300!important;
}

[/ css]

War dieser Artikel hilfreich?
Nach oben scrollen