造型表单输入的外部边框

我希望有人可以帮助我回答这个问题，因为谷歌搜索的小时数并不多。目前，我有这个代码的造型我的表单标签：造型表单输入的外部边框

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

造型表单输入的外部边框

回答

相关问题