css - Why doesn't the style change according to the div size? -


i have set styles on content-editable div div resizable style doesn't change according size when size changed. 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; } 

give width in percentage, resize. dont know if thats u mean.

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; } 

Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -