給input加上 如下樣式, focus或者 hover等 根據問題改動即可
input:focus {
outline: 0;
-webkit-box-shadow: inset000rgba(0,0,0,.075),000#333;
box-shadow: inset000rgba(0,0,0,.075),000#333;
}
原文網址:https://kknews.cc/zh-tw/digital/ogn3q4m.html
改變光暈顏色
input[type=text]:focus,input[type=password]:focus,textarea:focus{
transition:border linear .
2
s,box-shadow linear .
5
s;
-moz-transition:border linear .
2
s,-moz-box-shadow linear .
5
s;
-webkit-transition:border linear .
2
s,-webkit-box-shadow linear .
5
s;
outline
:
none
;
border-color
:rgba(
241
,
39
,
242
,.
75
);
box-shadow:
0
0
8px
rgba(
241
,
39
,
232
,.
5
);
-moz-box-shadow:
0
0
8px
rgba(
241
,
39
,
232
,.
5
);
-webkit-box-shadow:
0
0
8px
rgba(
241
,
39
,
232
,
3
);
}
沒有留言:
張貼留言