使按钮看起来像文字

我很新的编码在HTML中。我试图了解为什么这不能在我的网站上工作。我点击了这个按钮来复制文本，但我希望按钮看起来像文本。我发现应该改变的属性，但我不确定如何应用它们。我当前的代码：使按钮看起来像文字

<button id="clip_copy" data-clipboard-text="copied text, yay">Copy Clipboard</button> 

<style> 
.clip_copy 
{ 
    background:none; 
    border:none; 
    margin:0; 
    padding:0; 
} 
</style> 
<script src="zeroclipboard/ZeroClipboard.js"></script> 
<script> 
    var clip = new ZeroClipboard( 
    document.getElementById('clip_copy'), { 
    moviePath: "zeroclipboard/ZeroClipboard.swf" 
    }); 
</script>

来源

2014-02-15 user2081191

如果你想让它看起来像文字，为什么不把它做成文字？您也可以将脚本与'span'元素相关联。 'button'元素有几种不同于文本的方式，部分取决于浏览器。（并不是说我会建议在功能上是一个按钮时使它看起来像文本。） –

从搜索中看来，在这种情况下它会更容易，但感谢洞察！我总是喜欢学习更多的做事方法。 – user2081191

在你的CSS，改变.clip_copy到#clip_copy。您使用的语法是用于类。

来源

2014-02-15 23:02:16

嘿，它的工作！谢谢！ – user2081191

更好的修正是添加一个属性，如'class = btn'并使用类选择符'.btn'，因为这更灵活：您可以对页面上的不同元素使用相同的CSS规则。该规则不会使内容看起来像普通字体：它通常有一个特殊的字体和缩小的字体大小（按照浏览器的默认值），所以为了使它看起来像复制文本，你需要设置“font-family”为与复制文本和'font-size：100％'相同。仍然可能存在差异，因此您可能还想设置背景和内容颜色。 –

使按钮看起来像文字

回答

相关问题