Question

我想添加一个看起来像我将指定的图像的按钮，但其类型不是“图像”。例如：

<input type="button" someimagetag="someimagelink" />

不喜欢

<input type="image" src="" />

我该怎么做？

Answer 1

您可以像使用CSS一样使用任何其他元素设置样式。

查看Twitter的Bootstrap http://twitter.github.com/bootstrap/使用'btn'类的任何元素都将使用这些样式：

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.1s linear 0s;
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-repeat: no-repeat;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: normal;
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

请记住，他们使用CSS3声明来设置元素的样式，但您也可以使用背景图像。

带图像的按钮，不使用type =“image”

1 个答案: