HTMLを使用しています。スクリーンショットのように、テキストボックスの前に赤い線を引くにはどうすればよいですか?
ありがとう！
3384 次
6 に答える
7
方法はたくさんありますが、そのうちの 1 つは入力を 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 を使用できますが、入力要素では機能しないため、他のオプションを探す必要があります。
たとえば、入力要素の前にスパンを挿入し、その上で疑似セレクターを使用します。例えば：
<!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 に答える