0

フォームを作成するWordPressのプラグインを使用しており、メッセージボックス(これはお問い合わせフォームです)を追加して独自のクラスを作成し、cssで背を高くしました。これは問題なく機能しましたが、ボックスをクリックすると、カーソルが中央に移動し、テキストが折り返されません。私は試した:

.messageBoxContactForm {
    vertical-align: top;
}

.messageBoxContactForm {
    vertical-align: text-top;
}

HTMLは次のとおりです。

<div>
  <label for="messageBox">* Message:</label>
  <input class="messageBoxContactForm ccf-tooltip-field" id="messageBox-1351642237" type="text" name="messageBox" value="">
</div>

これはWordPressにあるので、それを取り巻くPHPがたくさんあることを忘れないでください。

誰かが私がする必要があることを私に見せてもらえますか?

4

3 に答える 3

1

次のブロックを追加してみましたか?

.messageBoxContactForm {
   text-align: left;
}

http://www.w3schools.com/cssref/pr_text_text-align.asp

于 2012-10-30T03:44:32.070 に答える
0

input type = "text"は折り返されません。これは複数行の入力ではなく、高さはまったく関係ありません。textarea入力が必要です。

試す:

<input class="messageBoxContactForm ccf-tooltip-field" id="messageBox-1351642237" 
type="textarea" name="messageBox" value="">

これの考えられる欠点は、textareasが新しい行を取得することです。

于 2012-12-14T14:09:29.257 に答える
0

実際の問題は、間違ったタグを使用したことです。代わりに<input>使用する必要が<textarea>あるため、htmlコードは次のようになります。

<textarea></textarea>

textareaのデフォルトのテキスト配置は左上です。

于 2013-11-23T15:49:45.657 に答える