1

我在 IE 9 中的 contenteditable div 中添加了一个文本输入字段，但输入字段可调整大小并且周围有边框，我尝试使用 CSS 修复此问题，但它不起作用。这是我的代码：

HTML：

<body>
<div id="wrapper">     
    <div id="input" style="border:1px solid black;height:100px;" tabindex="0" onfocus="divFocus();" onblur="divBlur();">
        <p id="text" contenteditable="true">
        <input type="text" id="textBox" size="3" onblur="keydown(32);" onkeypress="this.style.width = ((this.value.length + 1) * 8) + 'px';" 
       value="Anything" />
        </p>
    </div>
</div>
</body>

CSS：

    #textBox
{
    text-wrap:normal;
    font-family:arial;
    font-size:15px;
    border:none;
    resize:none;
    border:0; 
    border-color: transparent;
}
#textBox:focus 
{
    outline: none;
    outline-width: 0;
    outline-color: transparent;
}
4

1 回答 1

2

利用

resize:none

这将阻止输入字段调整大小

于 2013-06-02T08:07:52.183 回答