css - 第6页 - 前端资源网

input[type=file]去掉“未选择任何文件”及样式改进

6

Deshun 发布于 7年前 (2018-04-25) 34516℃ 评论(3) 赞 (30)

input 标签的 file 属性，在没有选择文件的情况下，默认显示一条文字“未选择任何文件”。在选择文件后，该条文字会变成路径和文件的名称。如何去掉其默认的“未选择任何文件”提示呢？查阅资料，没有发现可以直接修改的办法，但是我们可以通过其他方法，实现自定义提示文字的效果。我通过...

标签： css / jquery / input / file

经验总结

各大网站CSS初始化代码集合

Deshun 发布于 7年前 (2018-04-17) 6133℃ 评论(0) 赞 (0)

CSS初始化可以简单快速的实现常用标签的属性设定，尽量减少各浏览器之间的兼容性问题。今天整理一下各大网站的CSS初始化代码：1、百度 CSS初始化 https://www.baidu.com统一初始化body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,&n...

标签： css / 样式 / 初始化 / reset

经验总结

利用CSS设置图片黑白/灰色效果，同时适用于整站变灰

1

Deshun 发布于 7年前 (2018-04-10) 7218℃ 评论(0) 赞 (1)

写页面的时候由于页面风格原因，可能需要图片变灰色，如果用图片处理软件的话可能会比较麻烦，而且会增加图片的数量，不利于资源的合理利用。下面提供两种方法：1、使用CSS的 filter: gray; 属性即可实现灰度效果。Chrome内核的浏览器只需要...

标签： grayscale / css / 图片 / 灰度 / 整站变灰 / css整站变灰 / 图片变灰 / 变灰代码

经验总结

解决margin击穿的几种方法

1

Deshun 发布于 7年前 (2018-04-03) 4004℃ 评论(0) 赞 (0)

前端开发过程中经常会遇到这种问题，明明设置的是子元素的margin值，结果却作用在了父元素上，例如的代码：HTML部分：嵌套两层div<div class="box"> <div&n...

标签： html / css / margin

经验总结

使用float后清除浮动的几种方法

Deshun 发布于 7年前 (2018-04-03) 3710℃ 评论(0) 赞 (4)

float 属性用于定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。所有主流浏览器都支持 float 属性。注意：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。使用 float 属性后元素会跳出当前区域，下面...

标签： html / css / float / 清除浮动

经验总结