input继承css属性，font:inherit，导致输入框大小不对

别人项目拿来问我说，输入框的大小变了，不知道怎么回事，打开dom查看元素，发现一个font:inherit，去掉后就正常了，肯定是继承了父元素的字体属性，给input添加上字体样式即可；

我当时是因为line-height继承了，重新给input加上一个line-height属性就恢复正常了

案例：

明明没有给input加样式，但是他有一个font:inherit属性，他就变了

去掉font:inherit 他就好了

当然项目里不知道他是弄啥了，导致input继承了父元素的字体属性

input继承css属性，font:inherit，导致输入框大小不对相关推荐

【重识 HTML + CSS】基本 CSS 属性
[重识 HTML + CSS] CSS 简介内联样式.文档样式表.外部样式表 @charset.@import 注释 HTML 和 CSS 的编写准则设置网页的图标常用 CSS 属性初识 CS ...
element input组件常用属性用法
在vue项目中肯定会用到element组件库,里面的input组件的用法和常用属性如下: ** 1,type属性:用法跟原生输入框一样,例:type="text",type=&qu ...
2021-08-20 叮~CSS 属性层叠继承
一.常见的CSS属性属性示例描述 color color: red 设置元素内容的颜色 text-align text-align: center 设置元素内容的对齐方式 font-size f ...
css文本外观属性中设置字体,css 文本外观属性(text) 和字体样式属性(font)
css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距对中文无效 line ...
css可继承的属性有哪些？
css可继承的属性有哪些可继承的属性:文本类:text-indent.text-align.line-height.word-spacing.letter-spacing.text-transfor ...
css：input button常用属性以及将button嵌入到input中
1.鼠标经过button变成小手 //css属性 cursor:pointer; 2.清除button默认边框 border: none; 3.清除input默认边框 outline: 0; 4.设置 ...
CSS属性之字体(Font)
CSS属性之字体(Font) font:[ [ "| || ]? [ / ]? ] 复合属性,各属性见下文. 必须同时包含font-size和font-family,且这两个值顺序不能变, ...
CSS中可以or不可以继承的属性
一.无继承性的属性 1.display:规定元素应该生成的框的类型 2.文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shad ...
CSS中可继承的属性
不可继承的属性太多了不要背,记住可以继承的属性有哪些就行了.可以继承的属性很少,只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承.这么来记很轻松的呀!不要被下边的吓到了哦~ 所有元素可继承: ...

input继承css属性，font:inherit，导致输入框大小不对

案例：

input继承css属性，font:inherit，导致输入框大小不对相关推荐

最新文章

热门文章