由于我需要我的按鈕<labels >而不是常規的原因<button>：
<label for="fileinput" class="custom-file-upload btn btn-primary"><i class="someicon"></i></label><input ...>
但是這樣，當點擊它們時，按鈕不會在它們周圍產生這種漂亮的陰影。還有什么我必須添加的，所以它繼承了按鈕 CSS 嗎？還是我必須創建一個 CSS 類并手動添加所有這些效果？
uj5u.com熱心網友回復：
.btn:focus {box-shadow: 0 0 3px 1px 藍色; 大綱：無；}
uj5u.com熱心網友回復：
當你clicked或focused在 this 上時button，你有這個陰影......你可以像這樣洗掉這個陰影和輪廓：
.btn:focus {box-shadow: 0 0 3px 1px blue; outline: none;}
uj5u.com熱心網友回復：
.btn
{
box-shadow: 0 0 4px 3px skyblue;
}<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<label for="fileinput" class="custom-file-upload btn btn-primary">Primary</label>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/407518.html
標籤：