Untuk menetapkan elemen tanpa sempadan, anda hanya perlu menetapkan sempadan:none untuk elemen Sudah tentu, menetapkan sempadan:0 mempunyai kesan yang sama, tetapi sebenarnya terdapat perbezaan prestasi antara keduanya
border:none: Sempadan ditetapkan kepada tiada, tiada pemprosesan dilakukan;
sempadan:0: Lebar jidar ditetapkan kepada 0 piksel, tetapi warna jidar dan gaya jidar sebenarnya masih dipaparkan.
Walau bagaimanapun, dalam IE, ini tidak berlaku untuk butang dan elemen input Dalam IE6 dan 7, border:none hanya bersamaan dengan border-style:none, dan ruang yang diduduki oleh sempadan. masih daripada. Ini menyebabkan lebar dan ketinggian input dilaraskan secara tidak konsisten merentas pelayar! Dalam IE6 dan 7, walaupun sempadan: tiada ditetapkan, sempadan masih wujud. Jika anda tidak percaya saya, cubalah.
Penyelesaian diberikan di bawah:
Kaedah pertama:
sempadan:0 tiada;
Kaedah kedua:
Tambahkan warna latar belakang pada butang
butang{
latar belakang:#fff;
}