首頁  >  文章  >  後端開發  >  關於表單賦予的預設樣式的詳細介紹

關於表單賦予的預設樣式的詳細介紹

巴扎黑
巴扎黑原創
2017-06-11 14:16:481250瀏覽

我們在寫表單的時候會發現一些瀏覽器對表單賦予了預設的樣式,如在Chorme瀏覽器下,文字框及下拉選擇框當載入焦點時,都會出現發光的邊框,並且在火狐及Google瀏覽器下,多行文字方塊textarea還可以自由拖曳拉大,另外還有在IE10下,當文字方塊輸入內容後,在文字方塊的右側會出現一個小叉叉,等等。不容置疑,這些效果是在使用者體驗上得到了提升,但有些時候我們並不需要這些預設的樣式,那該怎麼辦呢?下面我們就來分別看一下解決方法。 1.移除Chrome等瀏覽器文字方塊預設發光邊框input:focus, textarea:focus {     outline: none; }   去掉高光樣式:input:focus{ -webkit-tap-highlight-col

1. 如何使用css去除瀏覽器對表單賦予的預設樣式

關於表單賦予的預設樣式的詳細介紹

##簡介:我們在寫表單的時候會發現一些瀏覽器對表單賦予了預設的樣式,如在Chorme瀏覽器下,文字方塊及下拉選擇框當載入焦點時,都會出現發光的邊框,

【相關問答推薦】:

以上是關於表單賦予的預設樣式的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn