溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
怎么去掉input的邊框？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
在css中，可以使用border屬性去掉邊框，只需要給input元素設(shè)置“border:none”樣式即可。border屬性設(shè)置所有的邊框?qū)傩?，?dāng)值為none時(shí)，表示對標(biāo)簽元素不設(shè)置邊框?qū)傩曰蛘呷∠吙驅(qū)傩?，定義無邊框樣式。
新建一個(gè)html文件，命名為test.html，在test.html文件內(nèi)，使用input標(biāo)簽創(chuàng)建一個(gè)文本輸入框，默認(rèn)值為空。給input元素添加一個(gè)class屬性myttpp，用于通過該class設(shè)置其css樣式。編寫<style type="text/css"></style>標(biāo)簽，頁面的css樣式將寫在該標(biāo)簽內(nèi)。
<body> <input type="text" name="" class="myttpp"> </body>
在css標(biāo)簽內(nèi)，通過class(myttpp)設(shè)置input的樣式，將border屬性定義為none，實(shí)現(xiàn)去邊框。為了顯示效果，同時(shí)設(shè)置背景顏色為灰色。
<style>
.myttpp{
border: none;
background: #ccc;
}
</style>看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼