站長資訊網(wǎng)
去掉input邊框的方法：1、使用style屬性設(shè)置“border: 0;”樣式；2、使用style屬性設(shè)置“border-style: none;”樣式；3、使用style屬性設(shè)置“border: transparent;”樣式。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
這里有一個(gè)HTML文檔，有兩個(gè)input輸入框
<!doctype html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> input{ background-color: #FFC0CB; } </style> </head> <body> <input type="text" /><br /> <input type="text" /> </body> </html>
可以看出input有邊框，那么如果要想去除input的邊框，要怎么做？下面介紹幾種方法。
方法1：在input元素中使用style屬性設(shè)置border: 0;樣式
<input type="text" /><br /> <input type="text" style="border: 0;" />
方法2：在input元素中使用style屬性設(shè)置border-style: none;樣式
<input type="text" /><br /> <input type="text" style="border-style: none;" />
方法3：在input元素中使用style屬性設(shè)置border: transparent;樣式
<input type="text" /><br /> <input type="text" style="border: transparent;" />
推薦教程：《html視頻教程》
