IE中提交值的新行

时间:2014-03-24 19:26:27

标签: html css

我有一个提交按钮,文字分为两行。这适用于Firefox和Chrome,但不适用于IE:

HTML:

<input type="submit" value="This is a very long 
two line Text" class="submit_button" >

CSS:

.submit_button {
  width:200px;
  height:100px;
}

http://jsfiddle.net/g6AKG/1/

IE的任何想法(我试过IE11)?

3 个答案:

答案 0 :(得分:2)

改为使用按钮。

<button type="submit" class="submit_button">
    This is a very long<br>
    two line Text
</button>

答案 1 :(得分:2)

<button type="submit" class="submit_button">
    This is a very long<br>
    two line Text
</button>

修改:看起来像用户Telic和我提交相同的答案几秒钟。

答案 2 :(得分:2)

您也可以使用

http://jsfiddle.net/g6AKG/2/

.submit_button
{
    white-space: normal;
}