设置按钮样式（css样式中遇到!important）
本文目录
css样式中遇到!important
1、新建一个html代码页面。
2、创建一个input按钮标签，然后给这个按钮添加一个changeBg()的点击事件。
代码：《input type="button" value="点击切换背景色" onclick="changeBg()"/》
3、创建style标签，然后创建一个class类为btn用于设置按钮样式，其中按钮的背景设置background-color:#009F95!important;
代码：
《style type="text/css"》
.btn{
border:1pxsolid#ddd;
padding:5px8px;
background-color:#009F95!important;
}
《/style》
4、给按钮input标签添加class="btn"。
代码：《input type="button" class="btn" value="点击切换背景色" onclick="changeBg()"/》
5、引入jquery库，然后新建一个script标签，在这个标签里为changeBg()点击事件添加修改按钮的背景色。
changeBg()修改背景色代码：
functionchangeBg(){
$(".btn").css("cssText","background-color:red!important;");
}
6、保存html代码页面后使用浏览器打开，点击按钮后发现按钮背景色被修改为红色。
怎样设置手机下方的三个按钮
如果您使用的是华为手机，以华为Mate 40手机为例：
进入设置 》 系统和更新 》 系统导航方式，选择屏幕内三键导航。
开启屏幕内三键导航后，您可以：
1、返回键：点击返回上一级菜单或退出应用程序。
2、主屏键：点击返回主屏幕。
3、最近键：点击进入多任务管理界面。
您还可以根据使用习惯，进入更多设置，进行更多操作：
1、选择不同的导航栏组合样式。
2、打开导航键可隐藏开关，在不使用导航键时将其隐藏。
3、点击下拉通知键（若所选导航键组合中包含下拉通知键），点击打开通知面板。
更多文章：
2026年9月7日 16:10
2026年9月7日 15:40
springmvc的依赖（springMVC的注入方式有哪几种，这与springMVC依赖）
2026年9月7日 14:00
2026年9月7日 13:00
2026年9月7日 12:40
display flex 自动换行（overflow-y:hidden;overflow-x:auto;无效解决方法）
2026年9月7日 11:00
2026年9月7日 10:50
timestamp without time zone（Postgresql中to_date（）函数使用问题）
2026年9月7日 09:40
2026年9月7日 04:20
下载mysql的步骤（win10安装mysql的步骤和方法）
2026年9月7日 04:10
