css - 如何使用 CSS 为具有相同类的特定按钮替换文本

标签 css text replace

即使 2 个按钮的类相同,是否有 CSS 来替换特定的按钮标签?

两个按钮都在不同的页面中。有没有办法使用它们当前的标签(如“下一步”或“完成”)替换标签?

我在下面试过了。它起作用了,但它改变了两个按钮的标签。

.uiButton .label {visibility: hidden;}

.uiButton .label:after {content:'Submit';visibility: visible;position: fixed;}

最佳答案

您应该添加一个类来区分按钮。尝试将您的 CSS 基于按钮的内容是一种不好的做法。如果将来措辞略有变化怎么办?它会破坏你的 CSS。

编辑:我假设您控制了 html,但如果您不这样做,更简单的方法可能是研究使用 nth-child 或其他选择器来查找您的按钮。比如,也许 .buttonsContainer .uiButton:nth-child(2)

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

关于css - 如何使用 CSS 为具有相同类的特定按钮替换文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55447265/

相关文章:

html - 如何添加来自不同域的 Internet Explorer 行为文件 (.htc)?

java - 如何将 pre-wrap 与 swing HTML 文本一起使用?

Javascript正则表达式字符串——多行字符串的替换

jquery - 更改字符串中文本的样式

html - 如何在其父元素上方垂直对齐具有可变高度的绝对元素?

css - 保持位置: fixed; right: 0; element on screen on mobile browser

javascript - 带有隐藏/显示的 jquery 屏幕

python - 每次有新文档时,我需要帮助在列表中创建新列表时 append 文本文件中的单词

text - 批量添加 header 到 ASCII 文本文件,可变长度

JavaScript/jQuery 大小写无关的 RegEx 替换