1
A
回答
4
button {
background: orange url(images/icon.png) no-repeat 5px center;
text-align: left;
padding-left: 20px;
}
<button type="submit">Submit</button>
和另一种方式:
button {
postion: relative;
text-align: right;
padding-right: 20px;
}
button img {
position: absolute;
top: 5px;
left: 5px;
}
<button type="submit"><img src="icon.png" /> Submit</button>
0
如果您使用提交输入按钮,然后给一些按钮左填充,并添加图像作为非重复的背景图像的按钮与CSS。
<input type="submit" class="imageBut submitBut" value="My submit button text" />
CSS:
.imageBut {
padding-left: 30px;
background-position: 0 0; /* Adjust as appropriate */
background-repeat: none;
}
.imageBut.submitBut {
background-image: url(path/to/image.png);
}
0
将沿东西的
input {
padding-left: 24px;
background: url(an-icon.png) 4px 50% no-repeat;
}
工作线?
0
嗯。如何像:
<img src="the-icon"><input type="submit"/>
0
您还可以使用jQuery,像这样:
$("#button-submit").button({icons: {primary:'ui-icon-play'}});
随着HTML像这样:
<input type="submit" name="submit" id="button-submit" /><label for="button-submit">Start</label>
相关问题
- 1. DataTables:在按钮中的文本旁边添加图标
- 2. 在android中添加按钮文本旁边的图标
- 3. 在它旁边有一个浮动按钮的css文本框
- 4. 在CSS中的按钮旁边添加一个图标
- 5. 设置集中到一个按钮旁边的文本框
- 6. 如何让文本旁边的按钮?
- 7. 按钮旁边的输入文本
- 8. 在文本框旁边添加一个按钮
- 9. JQuery datepicker在文本框旁边添加一个新按钮
- 10. 将一个按钮输入文本的旁边 - 引导
- 11. 100%输入文本,它旁边的一个按钮 - 如何?
- 12. 在图标旁边添加文本
- 13. 输入文本字段旁边的按钮下方的按钮
- 14. 如何在另一个按钮旁边添加另一个按钮或文本视图?
- 15. 定位图标旁边的按钮上的文字离子
- 16. 显示按钮旁边的文本按钮
- 17. 我可以在GWT按钮旁边放一个JavaScript按钮吗?
- 18. 在表单按钮css中添加图像旁边的文字
- 19. 需要一个HTML标题旁边的按钮
- 20. 图像旁边的按钮对齐
- 21. 按钮在图像旁边浮动的按钮
- 22. 间距导航栏按钮,这样一个按钮旁边的标题
- 23. 行中引导按钮旁边的中心文本
- 24. 如何在xml文件中显示文本旁边的图标?
- 25. 在TinyMCE中显示一个元素旁边的按钮
- 26. Python硒试图点击一个用户名旁边的按钮
- 27. 拨动旁边的文字按钮
- 28. 如何在应用程序标题旁边有一个后退按钮?
- 29. 如何中间对齐按钮旁边的文本?
- 30. 如何使用jquery在dropdownlist旁边添加图标按钮
什么,如果我已经将背景设置为橙色?? – steve 2011-04-24 19:20:01
查看我编辑的答案 – 2011-04-24 19:21:35
你也可以这样做:'' – oblig 2011-04-24 19:23:32