:注重应用样式时,textarea的焦点实际上不

问题描述 投票:1回答:2

我有CSS(笔)在这里:

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

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

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

css stylus
2个回答
3
投票

您的样式堆放在默认.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风格消失聚焦时。


1
投票
.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检查:

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.