我正在使用 HTML。如何在屏幕截图中的文本框之前给出红线？
谢谢！
问问题
3384 次
6 回答
7
有很多方法，其中之一是将输入放在 div 中，然后使用 CSS 设置样式。
这是一个例子：
<div style="border-left: 2px solid red; padding-left: 2px;">
<input type="text" />
</div>
在这里你可以看到它的样子：
于 2013-08-16T11:05:00.980 回答
3
你可以这样做：
这是一个小提琴链接
<div id="blc"><span> </span><input type="text"/></div>
#blc span {
border-left: 2px solid red;
}
于 2013-08-16T11:05:11.093 回答
1
您可以使用border-leftcss 属性
于 2013-08-16T11:06:40.277 回答
1
演示：http: //jsfiddle.net/n7c8H/1/
html:
<div class="red-border-left">
<input type="text" />
</div>
CSS：
.red-border-left {
border-left: 2px solid #FF0000;
}
于 2013-08-16T11:06:42.487 回答
1
您可以使用 CSS 伪选择器 :before 但由于它不适用于 Input 元素，您需要寻找其他选项，
例如，在输入元素之前插入一个跨度并在其上使用伪选择器。例如：
<!DOCTYPE html>
<html>
<head>
<style>
span:after{
content:"";
border:1px solid red;
margin-right:5px;
}
</style>
</head>
<body>
<span></span><input type="text" id="ttt" />
</body>
</html>
于 2013-08-16T11:13:03.663 回答
0
就像这样：
<div class="redline"><input type="text" /></div>
对于CSS：
.redline {
border-left: #hexcode;
}
于 2013-08-16T11:41:01.057 回答