用 disabled 做成的 单选按钮 无法传值 还有什么能 做到同样的 失效 效果 而且还能传值？ 回复讨论(解决方案) 设置成只读的readOnly="readOnly" 欧巴，我想做成失效的是单选按钮啊，设成readOnly 还是可以选啊 用一个 来保存值 显示的那个控件 仅仅是显示 但是 改变了状态 要同步下 input 我的意思是做称类似readonly的效果 例子
前面已经为大家介绍了好多纯css3实现的按钮。今天要再给大家带来一款纯css3实现的3D按钮。在实例中给出了五种颜色的3D按钮。效果图如下： 在线预览 源码下载 实现的代码。 html代码： CSS 3D Buttons s3-btn1 s3-btn2 s3-btn3 s3-btn4 s3-btn5 css3代码： ...
以前实现按钮一般都是用图片来实现的，特别是一些拥有质感的按钮，今天练习了一些相关方面的的例子，用css3来实现Social Media Buttons html代码如下 E-Mail LinkedIn Facebook Twitter Flickr css代码如下 * {margin:0;padding:0;}.outset-colored {font-family:Helvetica, Verdana, Arial, sans-serif;font-size: 14px;list-style-type: none;margin: 10px 0 0 10px;}.outset-colo...
按钮在IE6中点击时1px黑边框的最常见的解决方法 首先设置按钮为none，然后在按钮外面套一层来实现边框的效果，部分代码如下 .btnbox{ border:solid 1px red;}.btn{ border:none;} 第二种办法通过滤镜 input { filter:chroma(color=#000000); } 注：因为ietest中没有滤镜功能，所以不能在这个软件里测试效果
最近网站做改版，又发现一个ie6奇葩的问题，就一个很普通带边框的按钮，但在ie6中下边框不显示，ie7没有测试不知道是不是也不显示，其他浏览器正常 代码和预览效果如下： body{ font-size:12px; font-family:tahoma,arial,verdana,\5b8b\4f53,sans-serif; color:#666;}.btn{ display:inline-block; line-height:23px; padding:0 10px; border:solid 1px red; text-decoration:none; vertical-align:middle;}一个按钮 ...
今天给大家介绍一款仿ios7的switches开关按钮。这款按钮也是纯css实现的。无需引js代码。在实现中给出了两种颜色,三种不同大小的demo。一起看下效果图： 在线预览 源码下载 实现的代码。 html代码： iOS 7 style switches with CSS By Bandar Raffah Big ...
今天再给大家带来一款纯css3实现的鼠标经过按钮特效。这款按钮非常简单，但效果很好，非常漂亮。一起看下效果图： 在线预览 源码下载 实现的代码。 html代码： WIFEO css3代码： .contener{ width: 300px; height: 60px; background-color: #00bcd4; line-height: 60px; color: #ffffff; font-weight: 300; ...
一个界面上有一个按钮btn1，点击按钮弹出一个水平垂直居中的div层1，弹出的div层1 上又有一个按钮btn2，点击btn2时候同样弹出一个水平垂直居中div层2，第一个div层关闭。 回复讨论(解决方案) div层1，div层2两个div都使用绝对定位，使之水平垂直居中，默认设置display属性为none; btn1的点击响应事件中设置div层1 display:block; btn2的点击响应事件中设置div层1 diaplay:none,div层2display:block; ... 大体思路这...
通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享一些 CSS3 动画按钮效果。我们的想法是创建一个具有不同风格的一些动画链接元素，鼠标悬停时有动画效果和活动状态。 效果演示 插件下载 HTML 示例代码： $29 Available on the Apple App Store CSS 示例代码： .a-btn{ background: linear-gradient(top, #a9db80 0%,#96c56...
今天给大家分享一款基于css3的简单的鼠标悬停按钮。这款悬停按钮鼠标经过前边框是间断的。当鼠标经过的时候边框间隔消失。效果图如下： 在线预览 源码下载 实现的代码。 html代码： Single gradient border Click Me! Very long link text here Pseudo elements at a fixed size. Nasty 1px drop on hover Click Me! Very long link text ...
之前为大家分享了推荐10款纯css3实现的实用按钮，今天给大家带来一款纯css3实现的颜色渐变按钮。这款按钮的边框和文字的颜色通过css3实现两种颜色的渐变，效果非常好看，一起看下效果图： 在线预览 源码下载 实现的代码。 html代码： Nominate Yourself Nominate Someone Buy Tickets Now css3代码： .btn { display: inline-block; margi...
IE8下div中2个按钮只显示一个，代码如下： --请选择-- ${bean.des} --请选择-- 如图，只显示【保存】按钮，不显示【隐藏】按钮。dom中显示没问题，但就是不显示。 实在没办法了，打算把【隐藏】的不使用按钮，直接用label，结果按钮可以显示了，如图： 最终代码如下： --请选择-- ${bean.de...
今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图： 在线预览 源码下载 实现的代码。 html代码： Become A Member → Support Us → Going Down → Sign Up → Become A Member → ...
Radio 对象代表 HTML 表单中的单选按钮。在 HTML 表单中 每出现一次，一个 Radio 对象就会被创建。单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。由www.169it.com搜集整理 一、单选按钮控件语法 1 ...
之前为大家分享了 推荐10款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下： 在线预览 源码下载 实现的代码。 html代码： share on twitter share on facebook ...