
CSS
江夏、
关注微信公众号:1024笔记;可免费领取海量学习资源和资料
展开
-
<input> 标签的 accept 属性
在项目中有些时候需要进行文件的上传,这时候在前端页面可以使用 标签的 accept 属性,定义和用法accept 属性只能与 配合使用。它规定能够通过文件上传进行提交的文件类型。<input accept="value">比如:输入字段可以接受 gif和 jpeg 两种图像<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>原创 2020-10-18 20:05:49 · 1215 阅读 · 0 评论 -
jquery遍历table中每个td的值
最近有个需求,需要对一个table在特定情况下修改第几个td的样式,这里需要使用到jquery选择器了,我的写法是,这里改为直接隐藏元素了: $('.divdemo>table tr').each(function(){ //每个tr下的第4个th $(this).find('th:eq(3)').hide(); $(this).find原创 2020-10-16 16:29:16 · 1270 阅读 · 0 评论 -
使用jquery给a标签加上或去掉下划线
记录下如何个a标签地址加上下划线和取消下划线$("a").css("text-decoration", "none"); //去掉下划线$("a").css("text-decoration", "underline"); //加上下划线原创 2020-10-16 16:21:19 · 1844 阅读 · 0 评论 -
前端如何增加、删除和修改css样式
事情的起因是这样的,我们公司有个项目的多个页面引用的css文件是同一个,今天做一个需求的时候发现需要重新修改某个元素的样式,但是我不想修改文件中元素的class或者id然后再在css文件中新增样式,因为就一两个样式,然后也怕会影响其他地方。所以可以通过jquery或者js动态的修改某个元素的样式。比如:我有个div,是这样的:<div id="div1" style="width:8px;height:88px">但是我在另一个页面并不想显示这个样式,那么就可以移除这个style,那么原创 2020-09-17 19:51:11 · 1349 阅读 · 0 评论 -
js判断浏览器类型是pc端还是手机端进行样式自适应
最近公司有个页面需要做pc端和手机端的页面自适应,即手机打开是指定的样式,pc打开则是pc指定的样式,样式是前端ui已经设计好了的。所以这里需要通过Navigator userAgent 属性判断浏览器的类型。userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。比如:edge浏览器chrome浏览器:所以只需要写一个函数function isComputerOrPhone() { var sUserAgent = navigator.原创 2020-09-13 21:09:01 · 1256 阅读 · 0 评论 -
Vue学习笔记(一):从零开始创建一个Vue前端项目
一、开篇最近公司的老的项目重构,改成了前后端分离的架构,前端采用的是vue.js前端框架,所以接触到vue.js。Vue.js是当下很火的一个JavaScript MVVM(Model-View-ViewModel)库,它是以数据驱动和组件化的思想构建的。相较于其他的前端框架,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用。Vue.js不同于以前的jQuery操作DOM,因为Vue.js是数据驱动的,所以无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起原创 2020-09-02 20:04:10 · 10226 阅读 · 2 评论 -
修改Button中字体的颜色
修改button中字体的颜色需要用到ForeColor。background和ForeColor一个是背景色,一个是前景色;背景色即指的是背景的顔色;而前景色指的就是背景前面的物体的顔色,一般指文本的颜色。他们两的关系就好比拍照:后面幕布的颜色即背景色,而拍照的你就是前景色。实例设置背景为红色,字体为蓝色的按钮:<input type="button" id="Button1" ...原创 2020-03-16 16:38:42 · 15366 阅读 · 0 评论 -
jquery 控制 select下拉框option的文字显示,超过一定长度用...代替显示
select 下拉框的值有时候如果文字过长会是的select 下拉框被拉长,所以需要控制select下的option文字的显示,实现当文字过长时用省略号代替超出部分的文字,鼠标移上去会显示实际的值 $(document).ready(function () { for (var i = 0; i < $("#select option").length;...原创 2019-12-13 15:47:29 · 3556 阅读 · 3 评论 -
label设置宽度无效的原因以及处理方式【内联元素和块级元素总结】
今天在写前端代码的时候给label标签设置宽度,代码如下<label class="label" style="color: red;width: 200px ;height: 20px;line-height: 20px;text-align: center;border-radius: 10px; font-size: 12px;"></label> 结果在前...原创 2019-09-11 18:26:27 · 4510 阅读 · 0 评论 -
Vue中用CSS翻转动画的实现
今天女朋友给我提了个需求,一张图片实现鼠标滑过翻转到背面是介绍图片的内容,代码如下<template> <div class="Demo"> <div class="Before" ></div> <div class="After" style="font-size:20px;color:black">这个是...原创 2019-08-06 16:47:07 · 3594 阅读 · 0 评论