html - 输入文本区域 nowrap

Question

我的 textarea 的 nowrap 不起作用。有人可以告诉我我做错了什么吗？这是我来自 .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;

}