如何为输入框设置每边的边框？

input-box附带大纲，可以设置为0。然后它会在它周围显示一个丑陋的边框。如何为输入框设置每边的边框？

此边框也可以设置为none，使输入框不带边框。

但是我想只在输入框的顶部和底部放一个边框，但不能完成。任何想法？

2015-09-22 Ethannn

应用给你的输入元素

input { 
    border: 1px solid #000; /* this will give the input 1px black border all around */ 
    border-left: 0 none; 
    border-right: 0 none; 
}

应该这样做。

或者，你可以去

input { 
    border: 0; /* resets default border */ 
    border-top: [your border styling]; 
    border-bottom: [your border styling]; 
}

来源

2015-09-22 07:36:10 kevinMario

感谢@kevinMario！边框样式是否可以调整？（像像素等）似乎没有任何工作。 – Ethannn

设置border-top和border-bottom属性。 – Sumanta736

@Ehanhan更新 – kevinMario

只要做到这一点，如果你想使用所提供的边境..

input { 
    border-left:0px; 
    border-right:0px; 
}

如果你不希望不是使用。。

input { 
    border-top:1px solid red; 
    border-bottom:1px solid red; 
    border-left:0px; 
    border-right:0px; 
}

来源

2015-09-22 07:40:06

除了边界，还有一个轮廓由浏览器添加。

你可以做

textarea:focus, input:focus{ 
    outline: 0; 
}

甚至

*:focus { 
    outline: 0; 
}

禁用此行。

来源：https://stackoverflow.com/a/3397158/3510872

来源

2015-09-22 07:54:59 Sebastien

如何为输入框设置每边的边框？

回答

相关问题