dialogs.less文件不起作用

Question

按下Tab键时，复选框焦点出现问题。但是通过使用 dialog.css 文件，使用以下代码解决了这个问题：

.delete-for-reals img,
.delete-for-reals input:focus {
  -moz-appearance: checkbox;
  outline: 1px dotted black;
  width: 15px;
  border-width: 1px;
  border-style: solid;
}

但该产品希望通过 dialogs.less 文件解决此问题。当我在 less css文件中使用上述完全相同的代码时，当我按下Tab键时，焦点不会显示在复选框中。我是否需要为较少的css改变任何东西？我是较少css的新手。这个问题只出现在firefox和IE中。它与Chrome一起工作正常。