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