僅在輸入選擇器上顯示一個邊框？

我想創建一個只有一個邊框（即邊框左邊）的輸入框，但是每次我將左邊框放到選擇框中時，頂部，右側，底部邊框都會顯示出來（使用斜面和浮雕看）。這就是我現在所擁有的。僅在輸入選擇器上顯示一個邊框？

HTML

<input type="text" id="fullname" class="detail" name="fullname" value="" />

CSS

.detail { 
    border-left: 1px #fff solid; 
    background: transparent; 
    width: 490px; 
    height: 30px; 
    padding-left: 10px; 
}

這裏是我的jsfiddle：http://jsfiddle.net/XRFB3/

來源

2014-02-24 ErraticFox

'邊界：0;''前邊界left' –

設置默認邊框第一：

.detail { 
    border:0; 
    border-left: 1px #fff solid; 
    background: transparent; 
    width: 490px; 
    height: 30px; 
    padding-left: 10px; 
}

JSFiddle

來源

2014-02-24 09:43:32 George

哦......我想如果我把那個它也會取消左邊的一個。謝謝！ – ErraticFox

否樣式依次應用（因此**級聯**樣式表） – George

嘗試重置第一like border: none;邊界。這是因爲如果未定義自定義，瀏覽器將應用默認的用戶代理樣式。

.detail { 
     border: none; 
     border-left: 1px #fff solid; 
     background: transparent; 
     width: 490px; 
     height: 30px; 
     padding-left: 10px; 
    }

來源

2014-02-24 09:44:07 Dimt

使用以下

border: none; 
border-left: 1px Solid #fff;

代替

border-left: 1px #fff solid;

來源

2014-02-24 09:46:09 Sam1604

僅在輸入選擇器上顯示一個邊框？

回答

相關問題