：注重应用样式时，textarea的焦点实际上不

Question

我有CSS（笔）在这里：

.textarea:focus
   box-shadow: 0px 0px 73px 5px primary-color 

但textarea的默认有箱子的影子。这里是codepen链接：

https://codepen.io/Tycholiz22/pen/vbGMLJ?editors=1100

Answer 1

您的样式堆放在默认.textarea也接收的box-shadow这样一种方式：

.textarea

.textarea:focus
  box-shadow: 0px 0px 73px 5px primary-color

这使得以

.textarea, .textarea:focus {
    box-shadow: 0px 0px 73px 5px #09ae96;
}

如果您从共享样式块删除.textarea，你会看到:focus风格消失聚焦时。

Answer 2

.textarea

.textarea:focus
  box-shadow: 0px 0px 73px 5px primary-color  

在手写笔的代码，有没有只是.textarea前行适用于它风格.textarea:focus。这被翻译成：.textarea, .textarea:focus。这是因为Stylus interprets a newline as equivalent to selector separators (commas in a rule set).。

取下.textarea修复您的代码。

看到Chrome检查：