`
e421083458
  • 浏览: 22209 次
  • 性别: Icon_minigender_1
  • 来自: 济南
文章分类
社区版块
存档分类
最新评论

button按钮背景图及隐藏value的值

阅读更多
怎样写button按钮背景图才能让IE6显示?
.goods_buy_info .goods_buy_but .goods_buy_but {
	background: url(../images/goods20110309_25.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:0px;
}

注意点就在background: url(../images/goods20110309_25.gif);
千万不能写成background-img: url(../images/goods20110309_25.gif);
怎样写css才能使button隐藏value值呢?
.goods_buy_info .goods_buy_but .goods_buy_but {
	float:left;/*或者float:left|right*/
	width:138px;
	height:39px;
	overflow:hidden;
	text-indent:-9999px;
	text-transform:capitalize;
	border:0px;
}

注意点
1.float:left;/*或者float:left|right*/
2.高度与宽度
3.text-indent一定要足够大
4.最好加上text-transform:capitalize;
下面付上按钮代码:
<style>
.goods_buy_but {
	float:left;/*或者float:left|right*/
	width:138px;
	height:39px;
	overflow:hidden;
	text-indent:-9999px;
	text-transform:capitalize;
	background: url(../images/goods20110309_25.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border:0px;
}
</style>
<input class="goods_buy_but" name="" type="submit" value="提交"/>
1
5
分享到:
评论

相关推荐

    更换单选按钮背景图demo

    "更换单选按钮背景图demo"就是一个关于如何通过自定义样式来改进UI元素的实例,特别是针对单选按钮这种常见的交互组件。在这个项目中,我们关注的是如何根据单选按钮的不同状态(选中或未选中)显示不同的背景图片,...

    WPF样式图片按钮

    在Windows Presentation Foundation (WPF) 中,样式图片按钮是一种结合了图像和按钮功能的控件,它可以提供更直观、更具视觉吸引力的用户交互体验。在本文中,我们将深入探讨如何在WPF中创建和使用样式图片按钮,...

    Android带动态效果的Button(按钮)

    在Android开发中,按钮(Button)是用户界面中不可或缺的元素,它允许用户与应用进行交互。本教程将深入探讨如何在Android中为Button添加动态效果,以提升用户体验和界面的吸引力。 首先,我们从基本的Button说起。...

    WPFButton样式

    在Windows Presentation Foundation (WPF) 中,按钮控件(Button)是用户界面中常见的元素,用于触发一个操作或事件。WPF 提供了强大的样式和模板功能,允许开发者自定义按钮的外观,以满足各种设计需求。本资源...

    js实现按钮加背景图片常用方法

    在网页设计中,按钮是用户交互的重要元素,而为按钮添加背景图片可以使其更加美观、个性化,提升用户体验。本文将详细介绍三种使用JavaScript实现按钮添加背景图片的方法。 **方法一:利用onMouseOver事件改变样式*...

    通过C#实现按钮的凸显凹陷

    当鼠标悬停在按钮上时,我们可以改变边框的颜色和厚度,以及背景色,以模拟按钮被按下(凸显)的样子。 ```xml &lt;DiscreteObjectKeyFrame KeyTime="0" Value="DarkGray"/&gt; ...

    按钮样式贴图无背景框

    以上就是如何在WPF中创建一个无边框的按钮,同时使用贴图作为按钮背景的基本步骤。你可以根据需要进一步调整样式,添加动画效果,或者改变按钮的内容呈现方式,以满足具体的设计要求。记住,WPF的强大在于其灵活性和...

    漂亮的WPF按钮样式,水晶效果

    在水晶效果的按钮中,可能包含透明的背景、渐变边框、以及鼠标悬停和按下时的动画效果。例如: ```xml &lt;ControlTemplate TargetType="{x:Type Button}"&gt; ,0" EndPoint="1,1"&gt; &lt;!-- 渐变颜色 --&gt; ...

    WPF图片按钮

    此外,你还可以考虑使用`ImageBrush`来填充按钮背景,或者利用`ControlTemplate`完全自定义按钮的外观和行为。这允许你创建更复杂的按钮设计,如带有边框、阴影或其他视觉效果的图片按钮。 总结来说,"WPF图片按钮...

    下拉列表选择背景图片.rar_magnetqet_下拉列表选择背景图片

    接着,我们使用CSS来设置初始的背景图片,并隐藏按钮,以便在用户做出选择后才显示: ```css body { background-image: url('initial_image.jpg'); } #showButton { display: none; } ``` 然后,我们利用...

    button style

    这种类型的按钮通常用于需要背景色随页面内容变化而变化的情况,例如当按钮放置在图片或者渐变背景上时,使用透明背景可以让按钮更好地融入页面的整体设计中。 - **实现方式**:通过设置`background: transparent;`...

    WPF透明六角六边形按钮

    "WPF透明六角六边形按钮" 是一个具体的应用示例,它展示了如何通过自定义控件和样式来实现一个具有透明背景、六边形形状,并且在鼠标经过和点击时能产生闪烁效果的按钮。这个设计可以增加应用程序的视觉吸引力,同时...

    C# 按钮变色

    "C# 按钮变色"这个话题就是关于如何在鼠标悬停到按钮时改变按钮的背景颜色,提升用户界面的动态感。在Windows Forms中,我们通常会使用`Button`控件,但为了实现更复杂的效果,可能会引入其他控件或自定义控件,例如...

    为按钮添加图标

    这种方法通过将图标设置为`&lt;input&gt;`或`&lt;button&gt;`的背景图像来实现图标显示。示例代码如下: ```html &lt;input type="submit" value="ύ" style="background: url(1.jpg) repeat-x center center;" /&gt; ``` ##### 关键...

    有背景的按钮源码(访126邮件登陆按钮样式)

    本文将详细解析标题为“有背景的按钮源码(访126邮件登陆按钮样式)”的资源,这个源码是基于126邮箱首页的登录按钮样式设计的,具有美观的背景效果,并且易于定制。描述中提到,这个按钮样式只有四五行代码,非常...

    关于如何去掉submit按钮背景阴影的解决方法

    关于去除`submit`按钮背景阴影,实际上在给出的代码中并未直接处理阴影效果。通常,按钮的阴影可能是由浏览器默认样式或者额外添加的CSS产生的。要去除阴影,你可以添加如下CSS规则: ```css .button1 { box-...

    C# 位图按钮 镂空按钮 png 透明

    在C#编程中,位图按钮(Bitmap Button)是一种常见的用户界面元素,它允许开发者将自定义的图像应用到按钮上,以实现更美观、更具个性化的界面设计。本资源包“C# 位图按钮 镂空按钮 png 透明”显然提供了这样一种...

    漂亮的C#WPF自定义按钮样式

    例如,鼠标悬停时,我们可以让按钮背景颜色变浅: ```xml &lt;Trigger Property="IsMouseOver" Value="True"&gt; &lt;Setter Property="Background" Value="#FF6699CC"/&gt; &lt;Setter Property="BorderBrush" Value="#FF006699...

    Android圆形按钮

    这样,当用户触摸按钮时,系统会自动应用`circle_button_pressed.xml`定义的新背景,同时`stateListAnimator`可以添加按下的动画效果。 在编程中,我们还可以通过Java或Kotlin代码动态地改变按钮的属性,比如在按钮...

Global site tag (gtag.js) - Google Analytics