输入textarea nowrap

Question

nowrap我的textarea不工作。有人可以告诉我，我做错了什么？这是我的.php文件代码：

<div class="uprava">
<input id="inputBox" type="textarea" name="obsah" value="<?php echo $obsah; ?>"/>
</div>
<script>document.getElementById("inputBox").style.whiteSpace = "nowrap";</script>

这里来自CSS：

#inputBox {
    height: 184px;
    font-size: 16px;
    width:auto;
    min-width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

Answer 1

你只需要在输入中添加一个id标记，只需添加一个带有简单单行脚本的nowrap属性，就像我在这里做的那样：http://jsfiddle.net/9v2g93dc/2/

.uprava input[type=textarea] {height: 184px; font-size: 16px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; /* border-radius: 2px; */  padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box;

}