有没有一种方法可以使用 CSS 或 javascript 不仅控制按钮样式,而且控制按钮实际显示的内容。我见过很多“CSS 按钮创建器”工具,但它们都需要 html,或者部分代码需要“PUSH HERE”。
(更新)
谢谢大家的意见。
让我解释更多的大局。简而言之,我们使用第三方来控制我们网站的电子商务端。我们有一个 css 覆盖文件,我们可以用它来控制网站显示的很多内容。
这是一个按钮的粗略示例:
http://jsfiddle.net/Buford/yLSHT/
<style type="text/css">
.btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 6;
-moz-border-radius: 6;
border-radius: 6px;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
</style>
<body><a href="#" class="btn">PUSH ME</a></body>
有没有一种方法可以将 html 代码“PUSH ME”更新为可以通过 CSS 或 Javascript 控制的变量?
最佳答案
当然可以,尤其是当按钮元素为空时。
这是 HTML:
<button></button>
还有,CSS:
button:before {
content: "Click me";
}
和 fiddle :http://jsfiddle.net/3aZkt/
关于javascript - 如何使用 CSS(可能作为样式)或通过 javascript 控制按钮的 "value"或内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24398533/