请帮忙写个CSS,使搜索框自动宽度

html-css010

请帮忙写个CSS,使搜索框自动宽度,第1张

给form加一个div,然后设置div宽度,用百分比,然后个下拉框和提交按钮设置固定宽度(例如他们的总宽度是100px),最后设置输入框width:calc(100% - 100px),

这样,div的宽度会随着页面大小变化,而输入框大小又会随着div宽度变化,但是下拉框和按钮是固定的宽度

百度工具栏调整搜索框的长度方法: 将鼠标置于搜索框右侧的分割线,鼠标将变成左右箭头形状,这时您就可以按住鼠标,左右拖动来控制搜索框的长度,百度工具栏会记住您关闭浏览器时搜索框的长度,在下次打开时保持最后设置的长度。

默认情况下,搜索框会根据所输入的字符串长度,自动增加长度,重新开启IE后会恢复为用户手工设置的长度。如果不希望搜索框自动调整长度,可以在百度工具栏选项中的高级设置中关闭该功能。

文本框的高度可以由里面字体的大小来决定的。

比如你要设置文本框的高度16px,你就可以设置文本框内的字体font-size为16px(实际上文本框会比字体大一些)。然后有些为了效果更好看点,你可以在文本框内加上个内边距,如2px,这样字就不会紧挨着文本框了,望采纳!