如何使用 Garden 删除数字输入上的输入微调器箭头？

Question

以下 CSS 删除了当文本字段的类型为“数字”时用户代理自动包含的输入微调器箭头。

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

Garden (noprompt/garden) 中的等效代码是什么？

Answer 1

Garden(noprompt/garden)中表示的等价代码如下：

(garden.selectors/defselector input)
(garden.selectors/defpseudoelement -webkit-inner-spin-button)
(garden.selectors/defpseudoelement -webkit-outer-spin-button)

(garden.core/css
  [(input (garden.selectors/attr :type := :number))
    [(garden.selectors/& -webkit-inner-spin-button)
     (garden.selectors/& -webkit-outer-spin-button)
      {:-webkit-appearance :none
       :-moz-appearance :textfield
       :margin 0}]]

如何使用 Garden 删除数字输入上的输入微调器箭头？

How to remove input spinner arrows on number inputs using Garden?

clojurescript