输入文本区域nowrap

Question

现在我的文本区域的说唱不起作用了。有人能告诉我我做错了什么吗？下面是我的.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;

}