Javascript HTML-如何在使用jQuery移动css时使用方形普通按钮

我正在使用jQuery Mobile进行开发，我想开发一个方形按钮

为此，我用css修改了它的高度，因为我不能修改它的宽度，我只是在里面写了一些随机的文本，这样它就变成了正方形

这个按钮将根据用户交互改变其背景色，因此我尝试同时改变彩色文本和背景色，使文本“消失”

但事实就是这样：

如您所见，文本（mmmm）是可见的，因此：

如何使文本透明

编辑：

代码如下：

<button id="btn1" data-inline="true">mmmmm</button>

---

可以像设置宽度一样设置高度：

<script type="text/javascript" src="../jqueryMobile/jquery-1.11.0.js"/></script>
<script type="text/javascript" src="../jqueryMobile/jquery.mobile-1.4.2.min.js"/></script>
<link rel="stylesheet" type="text/css" href="personal.css" />

.square {
    width: 100px;
    height: 100px;
}

如果您仍然无法设置宽度，因为另一个css文件正在覆盖它，请尝试使用！重要的词。这不是一个好的做法，但它会忽略该元素上的其他宽度声明：

.square {
    width: 100px !important;
}

---

只需删除文本的阴影

看到它工作

文本阴影：无；
颜色：rgba（0,0,0,0）；

为什么不能修改其宽度？

显示：块，您可以编辑其宽度和高度并删除文本。可用于空空间。但是为什么你不能设置宽度呢？我想这是在阻止它：
当我把它拿出来的时候，我可以修改它的宽度。把你的CSS放在库中之后，CSS代表级联样式表。向上看，为什么你会使用display:block？因为我不确定“button”的意思是实际的，而不是标记，默认情况下，标记是内联的，不允许设置宽度。但是他说他设定了它的高度，所以你可能是对的，他用的是，我用的是我编辑了这个问题，所以我提供了更多的信息，这就是截图中的那些行，duh！让我哑口无言。还有一个很好的昵称；）@乔纳斯·格鲁曼谢谢：谢谢！这就行了，我只需要这样做并添加
！重要信息
成功了！非常感谢；）
.square {
    width: 100px !important;
}