Tamam, HTML5 tarayıcılarında sahip böylece: E-posta uygun formatta değilkenTarayıcılar tarafından geçersiz <input type = "email"> s stili için CSS ne kullanıyor?
<input class="txt-box" type="email" name="email" rel="required" />
bunun etrafında kırmızı bir kutu koyar.
Sorum şu: Bu stili belirleyen CSS nedir?
Tarayıcıya bağlı olarak değişir. uyumlu bir tarayıcıda etkisi dışarı
input:invalid, input:-moz-ui-invalid {
border:0;
outline:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
Testi:
input[type="email"] {
border:0;
outline:none;
box-shadow:none;
}
IE7 uyum gerektirecektir:
input.txt-box {
border:0 !important;
outline:none !important;
box-shadow:none;
}
, varsayılan durumunu değiştirecek ... geçersiz durumu değil. –
Doğru, bilmediğim gibi, bunun gibi form alanları seçebiliyorsunuz, bunun için size bir oy vereceğim. Hala geçersiz durumu anlamaya ihtiyacım var. –
Evet, bu bir şey yapmadı. firbug eklediğim stili gösteriyor, ancak kırmızı anahat hala orada. –
Firebug eklentisini Firefox'a yüklerseniz ve söz konusu form alanını incelemek için kullanıyorsanız, Firefox'un dahili olarak stil uygulamak için kullandığı CSS'yi görebilirsiniz. İlginç
:-moz-ui-invalid:not(output) {
box-shadow: 0 0 1.5px 1px red;
}
onlar box-shadow kullanın: (. Stil sekmesinin açılır menüde seçili olup olmadığı göster “User Agent CSS” Make) benim Mac Firefox 5'te
, aşağıdaki CSS kullanır. Son zamanlarda :-moz-ui-invalid seçiciden bahsettiğim Stack Overflow hakkında bir soru vardı: bkz. Style HTML5 input types if validation fails.
Teşekkürler @Paul, sorunun nasıl söyleneceğinden emin değildi. –
URL adresi: http: //jasonspickdesign.com/contact.php –
çok hoşunuza gidip gelmediğinden emin değilim, bu çok zor olanlardan biri. –