我寫了一個input,想讓input出現這種效果:讓input無邊框
可是我的邊框就這樣設置為border:none;或者border:0;都沒效果。
如圖所示
我就試了一下,加上
background-image:transparent;
border:0;
設置背景透明,邊框為0,結果就有效了
成功:
PS:
outline:
none; 也可以讓input點擊之后邊框不顯示
outline(輪廓)是繪制於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。
outline簡寫屬性在一個聲明中設置所有的輪廓屬性。
可以設置的屬性分別是(按順序):outline-color, outline-style, outline-width
如果不設置其中的某個值,也不會出問題,比如 outline:solid #ff0000; 也是允許的。