Css-note:修改input文本框邊框焦點樣式筆記
大家好,我是Yangrl.
記錄一個note:
剛纔做作業,就覺得瀏覽器中鼠標點擊input,默認樣式不合口味,又不想js / jq,所以改吧(Let’s do it.)
//:focus選擇器,選擇獲得焦點的輸入字段,並設置其樣式:
input:focus
{
border: 2px solid #333;
}
黑白極簡風 闊以撒哈哈哈哈哈哈哈(好吧我審美也有待提高),但是瀏覽器之間也有差別,Google瀏覽器默認有藍色邊框焦點,那也去掉吧
//加上去除輪廓:outline
input:focus
{
border: 2px solid #333;
outline: none;/*去掉默認input焦點邊框*/
}
“人最重要的就是要relax.”