現(xiàn)在我正在為我的第一個(gè) django-bootstrap 項(xiàng)目使用一個(gè)選擇框。我正在嘗試對(duì)其進(jìn)行樣式設(shè)置,以便當(dāng)您單擊它時(shí),它的邊框和選項(xiàng)框邊框會(huì)變成黃色,這工作正常,但是當(dāng)我單擊它時(shí),我的選擇框周圍還有一個(gè)我并不真正想要的藍(lán)色矩形。這是我的代碼:(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>附上一張包含更多細(xì)節(jié)的圖像。感謝任何愿意回應(yīng)的人!圖像
1 回答

一只斗牛犬
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超2個(gè)贊
您必須使用大綱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 關(guān)注
- 127 瀏覽
添加回答
舉報(bào)
0/150
提交
取消