我試圖在聚焦時更改我輸入的邊框顏色，但它沒有改變。
.input_container {
width: 100%;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.input_bar {
width:90%;
height: 80%;
font-size: 18px;
padding: 15px;
/* top right bottom left*/
border-radius: 5px;
border: solid 1px rgb(206,212,218);
}
.input_bar:focus {
border: 1px solid rgb(0, 255, 255);
} <div class="input_container">
<input class="input_bar" type="text" placeholder="title" />
</div>uj5u.com熱心網友回復：
outline: none在input_bar課堂上
添加
檢查以下作業答案
.input_container{
width: 100%;
height: 35px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.input_bar{
width:90%;
height: 80%;
font-size: 18px;
padding: 15px;
/* top right bottom left*/
border-radius: 5px;
outline: none;
border: solid 1px rgb(206,212,218);
}
.input_bar:focus{
border: 1px solid rgb(0, 255, 255);
}<div class="input_container">
<input class="input_bar" type="text" placeholder="title" />
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/366385.html