現在我正在為我的第一個 django-bootstrap 項目使用一個選擇框。我正在嘗試對其進行樣式設置,以便當您單擊它時,它的邊框和選項框邊框會變成黃色,這工作正常,但是當我單擊它時,我的選擇框周圍還有一個我并不真正想要的藍色矩形。這是我的代碼:(Styles.css).selector{ position:absolute; border-radius:1rem; margin-left:260px; width:500px; height:35px; font-size: 15px; text-align-last: center; color:#C9C9C9; transition-property: none; }.selector:focus{ border-color:#FFD700; box-shadow: 0 0 8px #FFD700; border-radius:1rem; overflow:hidden;}我的 HTML 模板:<div class="div1"> <label for="estado" class="label1"> Estado <select class="selector" id="estado" name="estado" onchange="functionfs()" style="border-color: #C9C9C9;"> <option style="color:#C9C9C9" selected="selected" value="-----">--- Ingrese un valor ---</option> <option value="Activo" style="color:black;">Activo</option> <option value="Inactivo" style="color:black;">Inactivo</option> </select> </label></div>附上一張包含更多細節的圖像。感謝任何愿意回應的人!圖像
1 回答

一只斗牛犬
TA貢獻1784條經驗 獲得超2個贊
您必須使用大綱css 鍵:outline: none;
.selector{
? ? position:absolute;
? ? border-radius:1rem;
? ? margin-left:260px;
? ? width:500px;
? ? height:35px;
? ? font-size: 15px;
? ? text-align-last: center;
? ? color:#C9C9C9;
? ? transition-property: none;
? ? outline: none;
}
- 1 回答
- 0 關注
- 142 瀏覽
添加回答
舉報
0/150
提交
取消