最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

定义select的边框颜色_表单特效

来源:动视网 责编:小采 时间:2020-11-27 20:39:09
文档

定义select的边框颜色_表单特效

定义select的边框颜色_表单特效: 具体步骤: 1.用margin属性实现。先设置margin属性为-2,以隐藏select对象原来的边框,然后设置select对象的父对象的边框。 1 2 3 4 5 2.margin属性结合clip属性实现。也是先用margin隐藏select的原边框,再用clip控制select的可视区
推荐度:
导读定义select的边框颜色_表单特效: 具体步骤: 1.用margin属性实现。先设置margin属性为-2,以隐藏select对象原来的边框,然后设置select对象的父对象的边框。 1 2 3 4 5 2.margin属性结合clip属性实现。也是先用margin隐藏select的原边框,再用clip控制select的可视区



具体步骤:
1.用margin属性实现。先设置margin属性为-2,以隐藏select对象原来的边框,然后设置select对象的父对象的边框。



2.margin属性结合clip属性实现。也是先用margin隐藏select的原边框,再用clip控制select的可视区域,以彻底隐藏select的原边框,最后通过定义select的父对象的边框作为最后看到的select的边框。

width:80;height:20">

注意:方法2中必须设置SPAN和SELECT元素的position属性为absolute。
特别提示
本例两段代码的运行效果分别如图2.1.6.6和图2.1.6.7所示,仔细对比,可以发现有一些微小的差别。

图2.1.6.6 定义SELECT的边框效果一

图2.1.6.7 定义SELECT的边框效果二

特别说明


本例主要是clip属性和margint属性的应用,因为SELECT控件的特殊性,无法直接定义其边框样式,所以必须掌握本例所用的技巧。

文档

定义select的边框颜色_表单特效

定义select的边框颜色_表单特效: 具体步骤: 1.用margin属性实现。先设置margin属性为-2,以隐藏select对象原来的边框,然后设置select对象的父对象的边框。 1 2 3 4 5 2.margin属性结合clip属性实现。也是先用margin隐藏select的原边框,再用clip控制select的可视区
推荐度:
标签: 颜色 特效 表单
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top