【问题标题】:selecting an specific value inside a css class or id在 CSS 类或 id 中选择特定值
【发布时间】:2018-10-12 10:56:18
【问题描述】:

我正在尝试在我的 style.css 中编写一段代码来选择注册按钮内的文本“注册”,以便将其在按钮内移动一点。(见下面的截图)

我用谷歌搜索,但没有找到如何在 css 类或 css id 中选择此类特定值的解决方案。

【问题讨论】:

  • 请阅读How to Askminimal reproducible example。请不要显示代码截图,而是将actual code in text form直接放入您的问题中。然后,请澄清您的问题实际上是什么。您是否要根据其 value 属性包含该特定单词来选择 input 元素?然后继续阅读属性选择器
  • 感谢您的指导。不,无论文本本身是什么,我都需要选择该按钮内的文本区域以设置该文本区域的样式(例如将该文本区域移高一点)。
  • 你不能单独选择文本,你只能选择输入元素本身,并格式化。

标签: css styles


【解决方案1】:

请见下文。请注意,更改按钮的值时需要更改 CSS。定义一个额外的类可能会更好,该类将有条件地分配。

查看MDN了解更多信息

input[value="register"] {
  background-color: red;
  color: white;
}
<input type="submit" value="register">

【讨论】:

  • 谢谢杰拉德。是的,无论文本本身是什么,我都需要设置该文本的样式。我需要文本区域变得更高一些。我是 css 新手,我不知道如何为该按钮内的文本区域创建一个单独的类。或者我们可以写通配符像 来包含任何文本吗?
  • @IT_man2018 可能在某处为按钮定义了 padding-top。
  • 谢谢杰拉德,你是对的。我发现插件的 style.css 文件中有一个 padding-top 并将其删除。非常感谢
【解决方案2】:

以下代码不会改变该文本的颜色:

.ihc-register-10 .iump-submit-form input[value="regsiter"] {
color:red;
}

我也不知道写什么是正确的
输入类型=“提交”值=“注册”
在类名前面:
.ihc-register-10 .iump-submit-form

下列哪一项是正确的?
.ihc-register-10 .iump-submit-form <input type="submit" value="register">

.ihc-register-10 .iump-submit-form input [type="submit"][value="register"]

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-17
    • 1970-01-01
    • 2012-05-23
    • 1970-01-01
    • 2021-09-11
    • 2010-11-11
    • 2011-01-02
    相关资源
    最近更新 更多