Html+css怎样实现纯文字和带图标的按钮

html-css019

Html+css怎样实现纯文字和带图标的按钮,第1张

文字按钮：<input type='button' value='这是文字按钮' />

图片按钮：<input type='button' stype='background: url(/img/logo/beijingtu.png)width: 100pxheight: 50px' value='这是图片按钮' />

你按钮上都没写class类怎么用.button来控制这个按钮的样式呢

你可以用 input[type="button"] {}来选择这个所有的<input type="button" >这些按钮

或者你还想用上面的那种写法，你可以这么改

<input type="button" class="button" name="caigou" id="caigou" value="采购" style="width:50pxheight:50px"/>

<input type="button" class="button" name="xiaoshou" id="xiaoshou" value="销售" />

给每个按钮加上一个button的类这样你就可以用 .button 来控制了

或则楼上的说法也可以，虽然有点烦，按钮的另一种写法是<button>销售</button>如果是这样写的话，就直接用 button{}来控制这个按钮的样式