造型表單輸入的外部邊框

我希望有人可以幫助我回答這個問題，因爲谷歌搜索的小時數並不多。目前，我有這個代碼的造型我的表單標籤：造型表單輸入的外部邊框

label { 
    display:inline-block; 
    height: 15px; 
    width: 350px; 
    float: left; 
    padding: 5px; 
    border-top: 1px solid black; 
    color: black; 
    font-size: 12px; 
}

我想樣式相同的邊框-top屬性我輸入，文本區域，選擇標籤。但是，在這些元素上設置邊框樣式顯然是元素本身的邊框。我想知道是否可以在外面顯示邊框，或者如果我需要使用其他屬性來實現我想要的結果。

來源

2013-04-23 Shane Malone

@Adrift你不能在一邊有輪廓 – 2013-04-23 14:57:25

我曾看過輪廓好，它似乎沒有回答我的問題。 – 2013-04-23 14:58:36

你試過了嗎？ – 2013-04-23 15:09:22

如果你想擁有的元素外邊框，您將需要大約每個input，textarea或select塊元素（可能div如果沒有元素是語義相關）。這些模塊將接收邊框，可與padding-top在div

這也有border上div是更好的方式比border支持表單元素的優勢，調整表單元素和邊框之間的距離。

來源

2013-04-23 15:09:17 clark

如果你的意思是邊框看起來插頁比你需要的只是

input { 
    border: 0; 
    border-top: 1px solid #333; 
}

如果你的字面意思之外，從而你可以使用像影子欺騙

Demo

CSS

input { 
    box-shadow: 0px -1px 1px -1px #333; 
    border: none; 
    margin: 50px; 
}

來源

2013-04-23 15:16:12

造型表單輸入的外部邊框

回答

相關問題