Fatal编程技术网
  • html/
  • Html 如何更改按钮的轮廓颜色？

Html 如何更改按钮的轮廓颜色？

html css bootstrap-4

Html 如何更改按钮的轮廓颜色？,html,css,bootstrap-4,Html,Css,Bootstrap 4,当用户单击按钮时，如何使蓝色轮廓颜色为#D5A021而不是蓝色 我认为这可能与btn primary有关 HTML <a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Find Out More <i class="fa fa-chevron-down" aria-hidden="true"></i></a> 您可以在任何需要的地方添加CSS轮廓颜色属性 比如说

当用户单击按钮时，如何使蓝色轮廓颜色为#D5A021而不是蓝色

我认为这可能与btn primary有关

HTML

<a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Find Out More <i class="fa fa-chevron-down" aria-hidden="true"></i></a>
您可以在任何需要的地方添加CSS轮廓颜色属性

比如说,

.btn-primary {
  background-color: #D5A021;
  border-color: #D5A021;
  outline-color: #D5A021;
}
我假设您希望覆盖默认的引导类。如果是这样，那么下面的代码将执行您想要的操作：

@导入url（“https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css");
@导入url（“https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.btn xl{
填充：1rem 2rem
}
.btn小学，
.btn主：悬停{
背景色：#D5A021；
边框颜色：#D5A021；
}
.btn主：活动，
.btn主要：焦点{
颜色：#fff；
背景色：#D5A021！重要；
边框颜色：#D5A021！重要；
盒影：0.2rem rgba（213160,33,0.5）！重要；
}
应在问题中描述的问题陈述中演示该问题。考虑在一个嵌入的代码片段中复制它（在文本编辑器工具栏中查找<代码> <代码>图标）。这将改进问题并创建一个最小、完整且可验证的示例（请参阅：），同时还允许用户友好的故障排除。 
.btn-primary {
  background-color: #D5A021;
  border-color: #D5A021;
  outline-color: #D5A021;
}