溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

谷歌瀏覽器，input不顯示border

發(fā)布時間：2020-07-04 05:16:06 來源：網(wǎng)絡(luò) 閱讀：963 作者：呂云凡 欄目：開發(fā)技術(shù)

今天在寫提交表單的頁面的時候非常榮幸地遇到了一個問題，input表單不顯示邊框，就好像沒有一樣，但實際上它是存在的。就象這樣：

谷歌瀏覽器，input不顯示border

如果強行加border屬性，瀏覽器會把border刪掉

谷歌瀏覽器，input不顯示border

后來，在這個百度知道上發(fā)現(xiàn)了答案：

http://zhidao.baidu.com/link?url=tEZj60WE_URYMJDIK_QpYHBVW2vElIPx_crPCGROfH-alFii806wgBS6HrA5AKegGf4h7jDaoO77BSKPe7rmLK

原來是border屬性只有IE支持了，其它的要改成用outline如果把.css寫成這樣：

.input{
	outline: 1px solid #000;
}

那就可以得到這樣的效果了

谷歌瀏覽器，input不顯示border

至于邊框顏色、字體什么的，慢慢調(diào)就可以了。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手