css
关注
分享
扫一扫
笑到世界都狼狈
我来到这个世上，就没打算活着回去
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
阻止图片拖拽的时候弹出下载框(图片拖拽下载)
最近项目中做到一个图片拖拽的需求，但是谷歌下没有问题，火狐，360/搜狗/QQ兼容模式下，ie11，edge等浏览器下拖拽图片的时候，要么弹出下载图片的提示框，要么直接新窗口打开图片，于是，我搭档不知道在哪找了个解决方法，我顺带记下来，方便下次用...具体如下：//在img标签中加如下属性就好draggable="false"代码实现可参照如下：...翻译 2020-10-29 10:55:00 · 2466 阅读 · 10 评论 -
html,css,javaScript,jQuery做一个开关按钮
首先，项目中需要做一个开关的按钮，就将复选框和label标签，组合，搞了一个开关，具体效果如下图所示：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> label{ display: inline-.原创 2020-07-29 15:20:14 · 1263 阅读 · 0 评论 -
css实现table表头固定，主体tbody部分出现滚动条
首先，这是原文链接：https://www.mybj123.com/667.html，作者也写的比较好，但是我在原文的基础上，也发挥了一下自己的头脑，做了一点补充。下面是我结合作者的代码做了一些修改的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...翻译 2020-04-02 14:26:19 · 2928 阅读 · 2 评论 -
select标签和input标签在ios(苹果)手机上显示的很奇怪
做了个移动端页面，在安卓手机上显示的好好的，结果select标签在苹果手机上显示出了ie8的效果，真的是巨丑无比，而且input标签页发生了变化。那是因为ios有自己自带的样式，我们需要将默认样式取消掉，然后在设计自己的样式input[type=datetime-local]{ -webkit-appearance:none; outline:none; ...翻译 2019-09-06 16:32:33 · 2811 阅读 · 0 评论 -
ul的宽度根据li的宽度自适应
在项目中遇到ul中的li数量不定，但是还要给ul设置圆角和阴影，而ul默认的宽度是100%,上网查到一个简单的方法就是在ul中加属性ul{ width: -moz-fit-content; width: fit-content;}如果对浏览器要求不高，这种方法就可以实现了，但是我们公司要求的是市场上各大浏览器的极速模式，兼容模式以及ie8都要兼容，我测试了一下上面的方法...原创 2019-09-04 09:12:04 · 7657 阅读 · 2 评论 -
CSS修改滚动条的样式
很多时候浏览器自带的滚动条太丑，而且样式不统一，所以我们要对其进行样式的修改，下面就是我在网上看到的有关修改滚动条的方法，为了避免忘记，记录下来：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> </title&...翻译 2019-04-21 17:51:29 · 629 阅读 · 0 评论 -
CSS按钮点击效果
css部分<style type="text/css"> .dv_bt_buttoncommit{ margin-top: 10px; width: 80%; height: 40px; color: white; background: #1E6...翻译 2019-04-21 18:09:37 · 18834 阅读 · 0 评论 -
select默认箭头的修改
select下拉列表框在各大浏览器中的默认样式不一样，所以在这里统一的对其进行修改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> </title> <style> ...翻译 2019-04-21 18:20:16 · 3460 阅读 · 0 评论 -
H5禁止移动端，iPad放大缩小界面
项目中移动端界面可以放大缩小，很丑，就想把放大缩小给禁用掉，然后百度到的方法是给<meta name="viewport" content="width=device-width, initial-scale=1">里面添加user-scalable=no即可既页面的head标签里面写<meta name="viewport" content="width=device...翻译 2019-06-24 17:20:59 · 4381 阅读 · 0 评论 -
去掉input输入框保存密码后会有一个淡黄色的背景颜色
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; ...翻译 2019-06-17 09:38:50 · 1804 阅读 · 1 评论 -
css修改滚动条样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> </title> <style type="text/css"> .inner{ width: 265p...翻译 2019-05-25 23:23:04 · 153 阅读 · 0 评论