实现任何HTML元素的Fix宽度和高度

Question

我有2个问题，我是CSS的新手，主要是对所有基于逻辑的编码进行编码，而不是在UI中进行编码，因此只是尝试在UI中修正我的逻辑编码。

问题1。我当时在想，有什么方法可以固定任何HTML元素的宽度和高度。

例如：如果我想将按钮的宽度和高度固定为

HTML

<button class="test12"></button>

CSS

.test12{
height:200px;
width:200px;
}

此高度和宽度样式可以从外部来源进行更改，但是我想实现这样一个东西，即任何div，按钮，输入等的高度和宽度都不能更改，它将得到固定。

问题2：有什么方法可以使用相同的代码来实现HTML元素的这种固定高度和宽度，例如表格具有固定的布局，我们使用table-layout：固定，但是对于按钮，输入等，我们必须编写另一种语法。因此，对于HTML元素的固定宽度和高度，是否有任何熟悉的语法。

我之所以将jQuery标记为javascript，是因为如果可以使用javascript和jquery来解决我的问题，那么我会接受的

问题1由Nilesh Naik回答，问题2仍处于保留状态

Answer 1

您可以将!important属性添加到CSS规则中。即使某些JS试图从外部更改按钮的宽度，也不会改变按钮的宽度（在您的情况下）。尝试单击代码段中的按钮。然后删除!important属性，然后尝试再次单击按钮。

function myFunction() {
    var x = document.getElementsByClassName("test12");
    x[0].style.width = "300px";
}

.test12 {
  height: 200px;
  width: 200px!important;
}

<button class="test12" onclick="myFunction()"></button>