css 删除TextField的选择效果

fzsnzjdm  于 2022-12-30  发布在  其他
关注(0)|答案(1)|浏览(161)

当我们点击流畅界面的文本域时,边框会高亮显示。我想删除这个效果。
我尝试了以下方法,但都不起作用:

textarea:focus,
input:focus {
  outline: none;
}

*:focus {
  outline: none;
}

input:focus {
  outline: none;
}

input {
  border: none;
}

:focus-visible {
  outline: none;
}

下面是代码和框:https://codesandbox.io/s/determined-brook-0cd0rc?file=/src/App.js
有人能帮忙吗?

dhxwm5r4

dhxwm5r41#

高亮样式是从输入的父div应用的,所以我们必须对它应用样式,而不是输入。

.ms-TextField-fieldGroup {
  border-color: #000;
}
.ms-TextField-fieldGroup::after {
  display: none;
}

相关问题