使按鈕看起來像文字

我很新的編碼在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％'相同。仍然可能存在差異，因此您可能還想設置背景和內容顏色。 –

使按鈕看起來像文字

回答

相關問題