jquery如何设置input文本框文字的行高

在jquery中, 通过获得input对象, 设置它的行高属性, 便可以实现行高的设置 。 下面小编举例讲解jquery如何设置input文本框文字的行高 。

jquery如何设置input文本框文字的行高

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解jquery若何设置input文本框文字的行高 。
jquery如何设置input文本框文字的行高

文章插图

2在test.html文件内, 利用input标签建立一个输入框, 并设置其默认值为“百度” 。
jquery如何设置input文本框文字的行高

文章插图

3在test.html文件内, 设置input标签的id属性为myck 。
jquery如何设置input文本框文字的行高

文章插图

4在js标签内, 利用ready()方式在页面加载完当作时执行function方式 。
jquery如何设置input文本框文字的行高

文章插图

5在function方式内, 经由过程id获得input对象, 经由过程css()方式设置line-height属性, 便可以实现文字行高的界说 。 例如, 这里设置文字的行高为40px 。
jquery如何设置input文本框文字的行高

文章插图

6【jquery如何设置input文本框文字的行高】在浏览器打开test.html文件, 查看实现的结果 。
jquery如何设置input文本框文字的行高

文章插图

总结:11、利用input标签建立一个输入框, 并设置其默认值为“百度” 。 2、在test.html文件内, 设置input标签的id属性为myck 。 3、在js标签内, 利用ready()方式在页面加载完当作时执行function方式 。 4、在function方式内, 经由过程id获得input对象, 经由过程css()方式设置line-height属性, 便可以实现文字行高的界说 。 例如, 这里设置文字的行高为40px 。 5、在浏览器打开test.html文件, 查看实现的结果 。


以上内容就是jquery如何设置input文本框文字的行高的内容啦, 希望对你有所帮助哦!

    推荐阅读