0

境界線を含む、いくつかのスタイリングが適用されたフォームがあります。

私が抱えている問題は、ボタンも入力と見なされるため、境界線もありますが、それは画像であるため、境界線を持たないようにしたいということです。

<form action="" method="get"><p><label for="name">Name: </label><input name="name" type="text" size="22" maxlength="100" /></p><p><label for="name">Email: </label><input name="email" type="text" size="22" maxlength="100" /></p><p><label for="name">Tel: </label><input name="tel" type="text" size="22" maxlength="100" /></p><p><label for="name">Message: </label><br /><textarea name="message" cols="33" rows="4"></textarea></p><input type="image" value="submit" src="assets/images/submit_btn.png" width="85" height="26" border="0" alt="submit" name="submit"></form>

そしてcss

input, textarea{border: 1px solid #D8CAB8;}.submit input, .submit textarea{color: #000;background: #ffa20f;border: 2px outset #d7b9c9;}

ボタンをフォーム内に配置し、境界線を持たないようにするにはどうすればよいですか?

ありがとう ：）

4

3 に答える 3

3

CSSでセレクターを使用してください:)

送信を使用している場合:

input[type="submit"] {
   border:0;
}

画像タイプを使用している場合は、それにクラスを追加してみてください

.imageclass {
   border:0;
}
于 2012-07-26T16:34:23.373 に答える
1

ボタンに CSS-class を指定しno-borderます。次に、CSSS をコードで拡張します

input.no-border {
    border-width:0;  }

それだけです、私は願っています

于 2012-07-26T16:37:19.773 に答える
0

テキストエリア全体と入力用の CSS を記述する代わりに、クラスの形式で記述します。入力用の CSS を共通として提供しているため、境界線を削除することはできません。

于 2012-07-26T16:37:12.803 に答える