如何使用内联 css 覆盖从外部 css 添加的行高和高度 css 属性？

Question

我有一个文本字段，如下所示：

<input name="course_code" id="course_code" placeholder="Course Code" type="text">

适用于上述文本字段的外部css如下：

height: 20px;
line-height: 20px;

我试图通过检查文本字段元素从 firebug 控制台取消选中这些属性，它开始看起来不错。

所以我想通过使用一些内联 css 代码或内部 css 代码来忽略这些字段，这些代码可以覆盖以上两行。

我该怎么做？请帮助我。

谢谢。

Answer 1

<input name="course_code" id="course_code" placeholder="Course Code" type="text" style="height:some      
value !important;line-height:somevalue !important">

!important 用于忽略所有 css 并将最近的一个应用到它已通过。

Answer 2

您可以尝试 initial 和 inherit

<input name="course_code" id="course_code" style="height:initial;line-height:inherit" placeholder="Course Code" type="text">

您也可以使用 unset，但只有 Chrome 和 Firefox 支持它：

style="height:unset;line-height:unset"

如何使用内联 css 覆盖从外部 css 添加的行高和高度 css 属性？

How to override line-height and height css properties that are adding from external css using inline css?

css

height

textfield