[英]image icon on top of the submit button
我正在使用Drupal中的“提交”按鈕。 我使用從PHP生成的HTML代碼:
<div class="buttons">
<span class="icon">
<input type="submit" name="op" id="edit-submit-115" value="Vložiť do košíka" class="form-submit node-add-to-cart"" />
</span>
</div>
我希望按鈕具有漸變背景,這可以通過在CSS中添加一些行來完成。
background: #F47C20;
background: -webkit-gradient(linear, left top, left bottom, from(#F88E11), to(#F06015));
background: -moz-linear-gradient(top, #F88E11, #F06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'
現在,我想在按鈕頂部放置一個圖像圖標,靠近文本。 我整天都在尋找一些線索,但找不到任何東西。
帶有按鈕的頁面可以在這里找到。
好吧,這是另外兩個想法:
您可以使用多個背景: http : //tinkerbin.com/revBP8If
請注意,我必須刪除IE filter
屬性,因為它導致其余的CSS在Tinkerbin上失敗。 不幸的是,IE8或更低版本不支持多個背景。
更兼容的替代方法是使用常規的a
環節,而不是一個的input
提交按鈕。 您可以插入img
並設置其樣式以使其看起來像一個按鈕,但是需要一些Javascript才能提交表單: http : //www.javascript-coder.com/javascript-form/javascript-form-submit。 phtml
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.