WordPress 子主题 CSS 样式

Question

我正在尝试解决我网站上的一些美学问题：

University Boulevard Registration Form

这是一个带有子主题的 WordPress 网站

我遇到了两个问题。

首先是我无法在输入字段周围显示边框。

main.css 的第 479 行是似乎影响边框的代码：

input, select {
       border: medium none;
       outline: medium none;
}

如果我只是用萤火虫禁用它，它的边框会很好地显示。我的问题是，如果有的话，我应该使用什么 CSS 代码来简单地禁用 main.css 中的第 479 行？

我试过了

input, select {
       border: 1px!important;
}

在子主题中，但这没有帮助。

---

第二个问题与“参与者等级”字段下拉菜单中的填充有关。

我希望它显示为没有任何填充。

似乎影响此问题的行是 main.css 中的第 1528 行：

.widget-main select {
        padding: 20px;
}

如果我添加修改子主题如下：

.widget-main select {
padding: none;
}

代码仍然与 main.css 上的代码不同

其中最令人困惑的部分是，如果我在 main.css 中对第 1528 页行进行 firebug，它会被划掉。划掉的线如何影响页面？

我非常感谢任何帮助。我希望这个问题足够详细。

谢谢。

PS：我有截图，但是因为没有声望点，所以不能放主题。

    They are hosted here:  http://ajjpreble.com/files/StackOverflow/

Answer 1

将此代码添加到您的 CSS：

.widget-main select {
    padding: 3px;
}
input, select {
    border: 1px solid #CCC; /* or the border color you want */
}

编辑：现在我看到您的主题的核心样式表是在您的子主题样式之后导入的。确保之前加载它或添加 !important 到我给你的两种样式