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

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

巴扎黑
發布: 2023-03-08 17:48:02
原創
1285 人瀏覽過

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

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

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

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

【相關問答推薦】:

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板