`
endual
  • 浏览: 3507712 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

CSS 圆角输入框

    博客分类:
  • java
 
阅读更多

ff,chrome,safari下面可以用圆角边框来实现,IE下面还是用背景比较好 

Java代码  收藏代码
  1. input {    
  2.                 height:18px;    
  3.         inline-height:18px;  
  4.                 font-size:11px;    
  5.                 width:70px;   
  6.         text-align:center;  
  7.         border:#ccc 1px solid;  
  8.         border-radius: 5px; /* css 3标准 */  
  9.         -moz-border-radius: 5px;  /* mozilla */  
  10.         -webkit-border-radius: 5px;  /* webkit */  
  11.  }    
分享到:
评论

相关推荐

    iecss3.htc支持输入框圆角

    支持IE页面输入框圆角,完美解决。记得阅读里面的文档帮助

    CSS+Jquery实现页面圆角框方法大全

    前不久做项目,要用到大量的页面圆角的框块,以前实现的时候都是用图片做背景之类的方法,那种方法对于少数的还是比较可行的,但是当涉及到整个项目都要用 到这样的效果时就显得不够优化和简练了。

    javascript实现的圆角提示框

    javascript+CSS实现的圆角提示框可,可表更改样式。

    一些常用的CSS3网页元素动画效果

    像圆角按钮、浮动菜单、圆角的输入框、带箭头的浮动提示框、带三角的下拉菜单、网页拖动条、网页开关等,另外还包括一些用CSS3做出来的图标素材,如果想学习CSS3,这些素材还可作为不错的参考范例。

    H5+CSS3.zip

    css盒模型:块级元素,内联元素,内敛块状元素,none使元素隐身,设置宽度、高度、背景色、边框、圆角,padding内边距,margin外边距; css布局模型:流动模型flow,浮动模型float,层模型layer,层模型的绝对定位、...

    CSS网站布局实录 (第二版)PDF版

    4.4.1 改变输入框及文本域样式 4.4.2 改变下拉列表样式 4.4.3 改变按钮样式 4.4.4 表单布局设计 4.4.5 使用label标签提升表单可用性 4.4.6 表单设计的其他建议 4.5 字体及段落样式设计 4.5.1 应用字体样式 4.5.2 ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    简单表单input输入框提示插件1.0下载 17.另种效果的jQuery EasyValidator表单验证插件demo示例下载 18.漂亮绿色多级动感仿flash效果的jquery网站导航菜单 19.实用jQuery列表多项选择插件 20.实用jquery实现...

    CSS3美化表单单选框、复选框代码实例下载

    摘要:脚本资源,CSS特效,CSS3,表单美化 使用CSS3美化表单单选框、复选框代码实例下载,将单选和多选按钮变成渐变色的圆角方形,将文本输入框变成圆角长形,在与背景风格的映衬下,整体的表单效果要比系统默认的风格...

    前端web 登入页面模板 HTML+CSS.docx

    在样式方面,使用了简单的 CSS 样式来设置背景色、 边框、阴影、圆角等,以及按钮的样式和鼠标指针形状。在 HTML 中,设置了 表单的相关属性,如 input 元素的 type、id、name、placeholder 等属性。

    移动端经验速递手册下载

    CSS伪类:active 清除iOS输入框内阴影 修正iOS输入框禁用文本色 Samsung S4圆角Bug 边框圆角致背景溢出 一个失败的圆(圆角) 不要使用伪元素动画 :checked与兄弟选择符一起使用的bug 为什么flex布局不生效 为什么...

    FEA 中文前端框架 v1.4.0

    FEA是一款轻量级、模块化的中文前端框架可快速... 修复滚动监控空#错误删除 modal 组件, 添加 dialog 组件primary状态更改为info状态更改按钮及输入框圆角大小更改网格类分栏类名[col-* 改为 width-*]删除封面[cover]

    拼图(pintuer)前端框架(css框架) v1.0

    增加了部份输入框组样式 列表组增加了条纹效果【JS组件】 选项标签增加了更多样式 修改了警告框的样式 增加了表单单选多选效果 表单验证随表单组的样式改变而改变(验证方法未改变) 增加了轮播效果及响应办法 ...

    魔方财务用户中心主题QRuser-正版有售后

    所有卡片类型div均加入阴影,去除原输入框的阴影,按钮以及输入框选中后加入框外动效。 功能列表:自定义顶栏用户头像,自定义侧栏默认状态,自定义用户中心首页背景图片,自定义登录/注册/重置密码页面背景图片,...

    基于HTML5的无刷新表单检测判断功能演示.rar

    基于HTML5的无刷新表单检测判断功能演示,非常漂亮的一个表单效果,表单的输入框中还带有小图标,输入框修饰成了圆角,而美化这款表单并没有使用图片,完全是CSS3代码实现的,当用户提交表单的时候,会检测用户输入...

    CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

    之前写了一个登录表单页面,再iphone上测试遇到了一些奇怪的问题:表单中的input[type="submit"]按钮在iPhone的safari浏览器下会出现圆角的情况;input[type="text"]文本输入框会有内阴影,这些问题该怎么处理呢?请...

    《程序天下:JavaScript实例自学手册》光盘源码

    5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的...

    程序天下:JavaScript实例自学手册

    5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的...

    flex3的cookbook书籍完整版dpf(包含目录)

    3.28 节给Hbox 设置背景图片和圆角 3.29 节控制子组件的位置和滚动 第四章文本(121) 4.1节正确的设置一个文本对象的值 4.2节. 将TextInput绑定一个值 4.3节. 创建一个具有文字提示的文本输入框 4.4节. 创建一个合适...

Global site tag (gtag.js) - Google Analytics