2019年5月2日 星期四

input css

去掉藍色hover邊框

給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 .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 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);
 
}

沒有留言:

張貼留言

將物件置中的方法之一

大物件的css margin : auto ; display :   flex ; 小物件的css           margin : auto ; 就可以達到小物件的置中了