input如何移除邊框
- 醉折花枝作酒筹原創
- 2021-04-21 15:21:2010775瀏覽
在css中，可以使用border屬性去掉邊框，只需要給input元素設定「border:none」樣式即可。 border屬性設定所有的邊框屬性，當值為none時，表示對標籤元素不設定邊框屬性或取消邊框屬性，定義無邊框樣式。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
新建一個html文件，命名為test.html，在test.html文件內，使用input標籤建立一個文字輸入框，預設值為空。為input元素新增一個class屬性myttpp，用於透過該class設定其css樣式。編寫標籤，頁面的css樣式將寫在該標籤內。
<body>
<input type="text" name="" class="myttpp">
</body>在css標籤內，透過class(myttpp)設定input的樣式，將border屬性定義為none，實作去邊框。為了顯示效果，同時設定背景顏色為灰色。
<style>
.myttpp{
border: none;
background: #ccc;
}
</style>在瀏覽器開啟test.html文件，查看實現的效果。
推薦學習：css影片教學
#以上是input如何移除邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：css怎麼設定div的邊框樣式下一篇：css怎麼設定div的邊框樣式