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.
#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
Post a Comment