0

フォームに赤い下線が引かれた黒いテキストが必要です。使用上の問題 border-bottom: 1px solid red;は、テキストだけでなく入力ボタン全体に下線が引かれることです。アクティブでない場合、ボタンには境界線も背景もありません。したがって、線が両側に5px程度重なっていると、奇妙に見えます...

<form method="POST">
    <input type="hidden" name="cmd" value="doSthFancy" />
    <input type="hidden" name="item_id" value="${item.id}" />
    <input type="submit" value="${item.name} (${item.producer})" class="link" />
</form>

div ( ) でのネストは<div class="redUnderline"><p class="blackText"> hello world! </p></div>通常​​は機能しますが、フォームの外側だけのように見えます。

代わりに href を使用できません。

ご協力いただきありがとうございます!

4

2 に答える 2

1

ボタンとスパンはどうですか?私はこれを試しました:

<button style="padding: 20px;"><span style="border-bottom: dotted 1px red;">some text</span></button>

そしてそれはうまくいくように見えました。点線の赤い枠は、テキストに下線を引いただけです。

于 2013-02-09T12:56:08.670 に答える
0

はどうfake buttonですか?

デモ

HTML

<form name="myform">
    <div id="fakeButton" onclick="myform.submit()">
        <span>Click Me</span>
    </div>
</form>

CSS

#fakeButton
{
    border-style:solid;
    border-width:1px;
    background-color:#808080;
    width:70px;
    text-align:center;
    padding:5px;

}
#fakeButton span
{
    color:black;
    border-bottom-style:solid;
    border-bottom-color:red;
    border-width:1px;
}
于 2013-02-09T13:03:09.340 に答える