href bağlantı düğmesinin kenarlık stili kromda görüntülenmiyor

Chrome tarayıcıda href bağlantı düğmesinin kenarlık stili görüntülenmiyor.href bağlantı düğmesinin kenarlık stili kromda görüntülenmiyor

.link_button 
 
{ 
 
\t -webkit-appearance: button; 
 
\t -moz-appearance: button; 
 
\t appearance: button; 
 
} 
 

 
input[type=submit], .link_button 
 
{ 
 
\t text-decoration: none; 
 
\t padding: 1px 6px; 
 
\t border: 10px solid red; 
 
\t color: #000000; \t \t 
 
\t background-color: #DDDDDD; 
 
}

<p> 
 
<a href="loaddata/" class="link_button">Go back for a new text</a> 
 
</p> 
 

 
<form action="loaddata/" method=get> 
 
\t <input type="submit" value="Go back for a new text"> 
 
</form>

İşte

nasıl Chrome tarayıcı (v.47) bu kod görüntüleyicilerine: görüldüğü gibi

hiçbir katı yoktur İşte bu sorunun kodudur href bağlantı düğmesinin çevresindeki kırmızı kenarlıklar. Giriş düğmesi bu bordlara sahiptir. Krom içinde sınırları üretmez neden

soru şudur: Aynı zamanda

, Firefox (V.42) düğmelerinin her iki tür için düz kırmızı sınırları ile aynı kodu oluşturur Bir href bağlantı düğmesi durumu? Nasıl düzeltilebilir?

kaynak

2016-04-10 Mikhail Geyer

'display: satır içi satır ' –

@StephenThomas - bu yardımcı olmuyor. –

bu deneyin: Yerine sınır kullanım anahat

input[type=submit], .link_button 
{ 
    text-decoration: none; 
    padding: 1px 6px; 
    outline: 10px solid red; 
    color: #000000;  
    background-color: #DDDDDD; 
}

kaynak

2016-04-10 16:57:05 satya

Bu soru sınır stili bir vaka hakkında. 'anahat' geçici çözümü bana uymuyor. –

appearance mülkiyet tarayıcı yerel öğelerle gibi öğeleri işlemek için tasarlanmıştır. Google Chrome kullanırken 2px outset buttonface numaralı telefona button sınırlarını ayarladılar. Bu, appearance özelliğini kullanırken overidden olamaz.

Ancak .link_button kullanım etrafında kırmızı sınır ulaşmak için:

box-shadow: 0px 0px 0px 10px red;

yerine border: 10px solid red;

kaynak

2016-04-10 17:50:16

Tamam, teşekkürler. Ancak bu sadece özel bir durum için iyi çalışır; 'cesur-stil: katı', ama bu genel durum için işe yaramaz, 'cesur-stil:' ' –

arasında sizin için mükemmel çalışıyor bu deneyin,

a 
{ 
color: #000000; 
background-color: #DDDDDD; 
border: 10px solid red; 
padding: 1px 6px; 
} 

input[type=submit] 
{ 
text-decoration: none; 
padding: 1px 6px; 
border: 10px solid red; 
color: #000000; 
background-color: #DDDDDD; 
}

HTML kodu şöyle gider:

<body> 
<p> 
<a href="loaddata/" >Go back for a new text</a> 
</p> 

<form action="loaddata/" method=get> 
<input type="submit" value="Go back for a new text"> 
</form> 
</body>

Daha fazla yardım için lütfen yorum yapın. Geribildirim çok takdir.

kaynak

2016-04-10 17:54:13 Mohit

teşekkürler. Görünüşe göre, bu 'görünme' bloğunun dışlanması sorunu çözmektedir. Ancak, bu aynı zamanda genel bir çözüm de değildir, çünkü “border: 2px outset # DDDDDD” varsayılan bir Chrome düğme tasarımı durumunda, iki düğme farklı şekilde işlenecektir. –

evet haklısınız. Ama şu anda karşılaştığınız sorun için size bir çözüm sundum. Uygun genel çözümü arayacağım .. Ama genellikle biz geliştiriciler anında aldığımız tekme için gideriz. haha – Mohit

href bağlantı düğmesinin kenarlık stili kromda görüntülenmiyor

cevap

İlgili konular