主页 / coding / 问题 / 79334431
Accepted
user3735204
Asked: 2025-01-07 05:50:06 +0800 CST

使用 CSS 更改按钮的默认激活状态

  • 772

这是用于处理 webapp 的，我可以在 webapp 中提供 StyleSheet 选项来更改 UI。对于隐藏一些我不想要的文本等操作，它工作得很好，但现在我遇到了一个问题，有些按钮默认处于活动状态，而我希望默认状态为关闭。具体来说，这些按钮控制项目列表中的折叠/展开视图。

这可能不是 CSS 可以做到的，这是一个非常好的答案。请注意，除了在配置文件中提供 Style 元素外，我无法更改底层文档。

这个例子 - 第一行允许我更改已启用按钮的样式，但我不想这样做，我想将所有按钮的默认设置为启用。第二行是我发现的一段代码，它允许我隐藏项目的特定部分，并证明这种 CSS 是有效的。

   <Style>
    .htx-ranker-column button:enabled {} # this doesnt work!
    .htx-ranker-item p:nth-of-type(2) { 
        display: none;
    }
  </Style>
css

1 个回答

  1. Best Answer

    CSS 无法单独从功能上改变按钮等元素的状态。

    :enabled或:disabled选择器适用于已经处于这些状态的元素。

    您可以调整按钮的外观以使其看起来已启用或已禁用，例如：

    /* disabled */
.htx-ranker-column button {
  pointer-events: none;
  opacity: 0.5;
}

/* enabled */
.htx-ranker-column button:enabled {
  pointer-events: auto;
  opacity: 1;
}

    否则，为了实现改变状态的实际功能，你需要像 javascript 这样的功能

    • 2

相关问题