文本转换样式不起作用答案

【问题标题】：Text-Transform Style Not Working文本转换样式不起作用
【发布时间】：2014-06-16 19:18:43
【问题描述】：

我正在尝试将按钮内的文本全部大写，但由于某种原因，它没有接收到我的 CSS 更改。在 Firefox 和 Chrome 中，它仍然是正常的上限。

这是 HTML：

<a href="http://www.eventbrite.com/e/ytb-boot-camp-weekend-tickets-11133581843?aff=es2&rank=0"><button>Click Here to Register</button></a>

这是 CSS：

button, .button {
    background-color: #f22f04;
    text-transform: uppercase !important;
}

p a button {
    text-transform: uppercase !important;
}

我做错了什么？似乎应该是一个简单的修复，但我无法弄清楚。

【问题讨论】：

仍然是“正常大写”是什么意思？这里看起来不错jsfiddle.net/j08691/mMu4R
它本身可以正常工作 (codepen.io/paulroub/pen/qDbhw)，但我没有看到任何此类 CSS 规则（被覆盖或以其他方式）应用于您页面中的这些元素。可以在该页面上的许多链接样式表中的哪一个中找到此规则？
我试过你的代码，一切正常，按钮似乎被转换了
是的，当我检查元素时也没有显示任何内容。检查您的选择器（确保它们没有隐藏在不同的媒体查询中）。我总是发现自己在选择 2 个元素或忘记关闭括号时忘记了逗号，所以这可能是您的问题（除非您在此处复制粘贴）。
您确定使用text-transform 更新了网站吗？当我检查按钮时，上面根本没有任何text-transform 样式。您提供的 CSS 不在您的页面上。可能忘记编译什么的

标签： html button text css

【解决方案1】：

这是您 style.css 中的代码：

/* BUTTON STYLES */

button, .button {
    background-color: #f22f04;
}

在这里找到：http://ytbpulse.com/wp-content/themes/reverie-ytb/css/style.css

也许您的样式表没有在服务器上正确更新？

【讨论】：

你知道为什么我的样式表不会更新吗？我正在使用 GoDaddy。我想如果我把它搁置一天，样式表就会更新，但它仍然不能正常工作。我有时会看到变化（例如每 4 次或 5 次刷新一次），但随后它又消失了。
这可能是由于浏览器缓存造成的，但这并不能解释为什么我在多次刷新时看不到您的更改。看起来您使用 Wordpress 作为 CMS，使用 GoDaddy 进行托管。 Wordpress 可能正在缓存某些内容，而不是“发布”到服务器，但是如果不查看您的 Wordpress / FTP 配置，则很难诊断。