- 博客(26)
- 收藏
- 关注
RSS订阅原创 select标签样式美化
纯css清除select标签默认样式select{ border: 0; appearance: none;/*清除select下拉框默认样式*/ -moz-appearance: none; -webkit-appearance: none; padding-right: 100/108rem; /* 为下拉小箭头留出一点位置，避免被文字覆盖 */ background: url("../images/select-next.png") no-r.
2020-08-12 15:51:42
2669
原创 解决input在ios和安卓下的兼容性问题
1. input在ios和安卓下的兼容性问题input框设置为disabled时在ios与android上样式不一致。2. 解决方案根本问题在于：ios会在input框为disabled时做透明度的设置（默认：opactity: 1;），所以无论怎么调整颜色，总会不太一样，以下为清除初默认样式代码：input[disabled],input:disabled,input.disabled{ color: #3e3e3e; -webkit-text-fill-c.
2020-08-05 10:10:40
1132
原创 子div超出父div部分横向滚动，不换行
父div：.rootBar{width: 1920px;height: 216px;float: left;overflow-y: hidden;overflow-x: auto;white-space: nowrap;}子div：.childrenBar{width: 384px;height: 216px;position: relative;display: inline-block;}
2020-06-09 10:35:12
962
原创 解决移动端video全屏播放问题
移动端开发过程中，有的时候会遇到video播放（不让全屏播放），但是浏览器默认都是点击自动全屏去播放。下面看解决方法：
2020-05-12 10:45:29
4830
原创 文本格式化标签样式
一、文本格式化标签样式1、em和i 倾斜 取消倾斜 font-style: normal; 添加倾斜 font-style ：italic;2、strong 和 b 取消加粗 font-weight: normal（400）; 添加加粗 font-weight : bold;3、u 和ins 删除下划线...
2019-10-16 14:24:41
414
原创 去掉苹果的默认UI来渲染按钮
之前做过一些页面，里面用到了input里的button，和button标签，在安卓手机上测试，样式都能正常显示；但是在苹果手机上，所有的按钮都变成了苹果默认的UI。想要保持苹果和安卓的风格一致，需要对苹果默认的样式初始化，代码如下：input[type="submit"], input[type="reset"], input[type="button"], input[type="te...
2019-08-15 10:12:03
252
原创 解决数字或字母不换行的问题
在html中，经常要用到table标签，一般情况下，table下面的td元素里的东西都是汉字或者说是汉字、字母、数字的混合，在这种情况下，不设置table的宽度，也就是table宽度自适应的时候，浏览器如果缩小的话，table里面的内容会跟随浏览器的宽度换行。这个大家都清楚。但是如果td里面的内容都是纯数字或者纯字母，而且没有空格，则不会换行~~~如下图：处理前 ...
2019-05-17 09:52:13
2300
原创 用【CSS】如何实现当盒子的宽度为百分比的时候，让盒子的高度始终等于盒子的宽度，保持正方形的状态
用CSS轻松实现，当盒子的宽度为百分比时，让盒子的高度和宽度始终相等，保持正方形状态，实现页面自适应
2019-03-21 14:45:02
6828
原创 table标签的使用技巧
在实际开发中，table标签在展示数据方面非常的便利，尤其是在后台管理系统中使用的频率最高。简单介绍一下table的使用技巧（合并单元格，细线表格、表格标题......）
2019-03-17 00:09:38
11867
原创 Sublime Text3——文件路径提示插件安装
文件路径提示给开发者提供了很大的便利，减少失误。下面教大家轻松在sublime Tex3中安装文件路径提示插件。
2019-02-20 16:29:06
3016
1
原创 Sublime Text3 常用插件——快速打开浏览器快捷键设置
一、设置快捷建打开浏览器1、ctrl+shift+p打开悬浮对话框，如下图：2、输入pci选择Package Control: Install Package3、弹出下面悬浮框后，搜索：SideBarEnhancements安装4、设置快捷键，打开Key Binding | user复制下面代码，然后修改为你的浏览器路径，重启软件。[ { ...
2019-02-19 23:07:37
2034
原创 解决button在点击时出现的边框的方法
问题：在chrome浏览器下，button按钮在点击时，会出现橙色的边框解决方法：button:focus{outline:0;}
2018-11-15 16:39:35
12092
原创 表单input控件的单选框【radio】、复选框【checkbox】类型的样式美化
在前端开发中，input标签的使用频率非常高，但是input标签默认的样式和UI设计的样式有很大区别。用CSS3可轻松实现input标签的默认样式美化，改成喜欢的模样
2018-11-07 15:11:10
3486
原创 table表格的单元格的合并【colspan】和【rowspan】
tab标签展示数据非常方便，但是有些情况下需要进行单元格的合并，colspan和rowspan 可轻松实现
2018-10-24 14:29:20
6141
原创 用CSS3实现根据ul中li个数设置不同的宽度
在前端开发中，用CSS3轻松实现盒子的宽度根据一排盒子的个数自动改变宽度（如：根据ul中li的个数来设置li的宽度）
2018-10-24 10:24:36
5497
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人