我需要但不能删除焦点按钮文本周围的白色虚线边框。
在阅读有关“删除白色边框（尤其是链接周围的虚线边框？和链接内部）”的文章之后，我尝试了几种禁用轮廓的解决方案，如"outline: 0;or outline: none;，不使用or !important。
但是，什么也不会删除焦点按钮文字周围的白色虚线边框。这是我最简单的测试页代码。我无法显示屏幕截图，因为它使按钮失去了焦点。
button {
font-size: 87.5%;
font-family: "ubuntu", Sans-serif;
padding: 0 16px;
min-width: 64px;
height: 36px;
cursor: pointer;
background-color: royalblue;
color: white;
border: 0;
}
button:focus,
button:active {
outline: none;
outline: 0;
outline: none !important;
outline: 0 !important;
}<button type="button">TEST</button>在Ubuntu 18.04（Bionic Beaver）上使用Firefox 67.0.3，此页面仍在焦点按钮文本周围显示一个虚线的白色边框，我想删除该边框（我将使用自己的方法显示焦点）。
我想定义几个线性渐变并仅使用 CSS 规则应用它们：我试过这个：
console.log(
window
.getComputedStyle(document.querySelector('body'))
.getPropertyValue('--btnPrimary')
);:root{
--primary: #4169e1;
--secondary :#ef3c3a;
--grey: #585f74;
--g-light: #b6bbc8;
--p2s-3: #c44764;
--s2p-3: var(--p2s-1);
--p-btngrad-a: var(--primary);
--p-btngrad-b: var(--p2s-3);
--lgrad-angle: 75;
--lgrad-stop-a: 45;
--lgrad-stop-b: 99;
--btnPrimary: linear-gradient(
var(--lgrad-angle)deg,
var(--p-btngrad-a) var(--lgrad-stop-a)%,
var(--p-btngrad-b) var(--lgrad-stop-b)%
);
--btnSecondary: linear-gradient(
var(--lgrad-angle)deg,
var(--s-btngrad-a) var(--lgrad-stop-a)%,
var(--s-btngrad-b) var(--lgrad-stop-b)%
);
}
div.demo{
height:200px;
width:200px;
background:var(--btnPrimary);
}
div.demo:hover{
background:var(--btnSecondary);
}<h1>css only linear gradient by parameters</h1>
<div class="demo">hover me</div>但它不起作用。控制台显示原因：
linear-gradient(75/**/deg, #4169e1 45/**/%, #c44764 99/**/% )
为什么 CSS 变量后跟注释标记（“/**/”）？
我怎样才能解决这个问题？