0

コンテンツ編集可能な div にいくつかのスタイルを設定しましたが、div はサイズ変更可能ですが、サイズが変更されたときにサイズに応じてスタイルが変更されません。HTML:

   <div contenteditable="true" id="input"></div>

CSS:

#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px; 
    height:40px;
    resize:both;
}
4

1 に答える 1

0

パーセンテージで幅を指定すると、サイズ変更に役立ちます。それがあなたの意味するものかどうかわかりません。

http://jsfiddle.net/8xRZv/

#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 80%; 
    height:40px;
    resize:both;
}
于 2013-05-20T07:05:41.897 に答える