1

だから私はさまざまなものを必要とするフォームを持っています、最後にテキストエリア（HTMLで行われます）。次に、画像送信ボタン（自分の画像）を作成します。

<label for="comments">Comments *</label>
<textarea type="comments" name="comments" value= "" maxlength="1000" cols="28" rows="6"></textarea>
<br />
<input type="image" src="../../images/submit.png" name="submit" />

ただし、textareaの直後で、送信ボタンを中央に配置しないことを決定します。textareaを取り出して、入力領域の直後にある場合は、中央に問題なく配置されます。

これは私のフォームのCSSです（上記のものから）：

label{
    padding-top: 3px;
    padding-bottom: 3px;
}

textarea[type="comments"]{
    float: right;
    resize: vertical;
    overflow: auto;
    font-family: Calibri, Segoe UI, Trebuchet MS, Arial, sans-serif;
    font-size: 12px;
    border-style: none;
    border-color: black;
    border-width: 1px;
}

input[type="image"]{
    display: block;
    margin: 0 auto;
}

IE / Safariでこれを修正する方法を知っている人はいますか？ありがとう！

4

1 に答える 1

0

clear:both入力画像にCSSを追加します。

古いブラウザーとの互換性を高めるために、属性セレクター構文を利用するのではなく、より単純なセレクターを使用することをお勧めします。おそらく、代わりに必要に応じてクラスを追加します。

<textarea class="comments" ...></textarea>

セレクターを作成する

textarea.comments {
  ...
}
于 2012-04-19T04:44:25.550 に答える