Düğmelerden kenarlığı kaldır

Standart düğme resimleri yerine düğmeler oluşturmaya ve kendi resimlerimi eklemeye çalıştım. Bununla birlikte, siyah düğme resimlerimin dışında gösterilen standart düğmelerdeki gri kenarlık hala kalıyor.

Bu gri kenarlığı düğmeden nasıl kaldıracağını bilen var mı, yani sadece resmin kendisi? Teşekkür ederim.

Ekle

padding: 0;
border: none;
background: none;

düğmelerinize.

Demo:

https://jsfiddle.net/Vestride/dkr9b/

Bu benim için mükemmel çalışıyor gibi görünüyor.

button:focus { outline: none; }

Aynı sorunu yaşıyordum ve düğmemi CSS'de biçimlendiriyor olsam bile, hiçbir zaman almayacaktı, border:noneancak işe yarayan, doğrudan giriş düğmesine şöyle bir stil eklemekti:

<div style="text-align:center;">
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" />
</div>

Kullanmayı deneyin: border:0;veyaborder:none;

Her zamanki numara, görüntünün kendisini bir düğme yerine bir bağlantının parçası yapmaktır. Ardından, "tıklama" olayını özel bir işleyiciyle bağlarsınız.

Jquery-UI veya Bootstrap gibi çerçeveler bunu kutudan çıkarır. Bunlardan birini kullanmak, bu arada tüm uygulama anlayışını çok kolaylaştırabilir.

Ayrıca background:none;border:0pxdüğmeleri deneyebilirsiniz .

ayrıca css seçicileri div#yes button{..}ve div#no button{..}. umarım yardımcı olur

Varsayılan 'mavi kenarlığı' düğme odak noktasındaki düğmeden kaldırmak için:

Html'de:

<button class="new-button">New Button...</button>

Ve Css'de

button.new-button:focus {
    outline: none;
}

Umarım yardımcı olur :)

Bunu css olarak ekleyin,

button[type=submit]{border:none;}

$ (". myButtonClass"). css (["border: yok; arka plan rengi: beyaz; dolgu: 0"]);