写在前面:此效果不兼容IE9+、chrome、FF等高版本浏览器。 效果如下: html代码: css样式: ...
分类:
其他好文 时间:
2017-08-08 10:45:20
阅读次数:
108
很多Web前端工程师肯定都会遇到过,在项目中,UI设计师跑来跟你说,我这个地方的表单控件需要设计成这个样子那个样子。但是用CSS却不能够修改这些控件的默认样式,于是乎,只能通过div+javascript技术来进行模拟。特别是在如今移动端的崛起时代,更加注重用户的体验。于是就更加需要这样一种hack ...
分类:
Web程序 时间:
2017-08-02 23:43:51
阅读次数:
346
一点一点学习CCS,这次学习了如何自定义单选框,复选框以及开关。 一、单选框 1、先写好body里面的样式,先写几个框 用input写好radio在旁边显示,这个label中的for 属性的值与控件 id 是一样的效果。这里在下面将label的样式如同按钮的样式编写 .radio-1 [type=" ...
分类:
Web程序 时间:
2017-07-29 15:08:11
阅读次数:
165
1.双击打开VMwareWorkstation,点击创建新的虚拟机按钮2.选择自定义单选按钮,再点击下一步按钮3.选择硬件兼容性下拉框,再点击下一步按钮4.选择稍后安装操作系统单选按钮,再点击下一步按钮5.选择Linux单选按钮,再选择版本,最后点击下一步按钮6.输入虚拟机名称,再选择存储位置,最..
分类:
其他好文 时间:
2017-07-14 16:18:45
阅读次数:
151
import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; @Component({ selector: 'page-home', templateUrl: 'home.html'... ...
分类:
其他好文 时间:
2017-07-14 14:57:40
阅读次数:
893
一直忽略了input和label的关系。一次在做自定义单选框的时候又重新捡起来这对“兄弟”。 label的for属性和input的id值一致的话,input和label就会组成一个组。例如: 点击label的区域同样会触发到input的选中效果。利用这一特性,然后结合伪元素可以自定义单选框和单选按钮 ...
分类:
其他好文 时间:
2017-03-12 23:01:55
阅读次数:
142
<!DOCTYPE html ><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content=" ...
分类:
其他好文 时间:
2016-04-22 22:23:10
阅读次数:
151
将常用的jquery插件封装成控件也是个不错的选择,Asp.net自定义单选复选框控件
分类:
Web程序 时间:
2016-01-06 17:25:18
阅读次数:
297