最近在做react+antd项目.不可避免的遇到了修改antd默认样式的问题. 比如,table组件的表头背景色设置,如果直接使用元素样式,会修改整个项目的table.这里我用的方法是,给table添加一个div父元素,给他设置个className,然后设置这个样式内的table表头样式. 我使用的.less预编译. <div className={styles.boxW} > <Table columns={colType} rowKey='fxwd' pagination={fals

先来看看效果图: css: <style media="screen"> .select_demo, .select_list { width: 400px; height: 60px; } .select_demo { background-color: #fbe4e8; } .select_list { border: solid 2px #96cffd; font-size: 30px; padding-left: 20px; /*很关键:将默认的select选择框样

之前因为公司项目需要,在网上找到的: 直接上代码了 html代码 <div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="height:400px;">这里是内容222</p> <p>这里是内容333</p>

css清除浏览器默认样式(代替 *{}) 将代码放入 css 文件,使用 link 引入. /* v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/ License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, a

css修改placeholder的样式 input::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #333; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:14px; color: #333; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ f

mysql中文乱码解决 mysql修改my.cnf后启动报错Starting MySQL... ERROR! The server quit without updating PID file (/var/lib/mysql/localhost.localdomain.pid). 这里简单明了地说下: 对于mysql5.5版本,需要在/etc/mysql/my.cnf做如下修改: [client]下添加: default-character-set = utf8 [mysqld]下添加: cha

1.在Component的Radio中加个style={radioStyle}. <RadioGroup> <Radio style={radioStyle} value={}>多和他人谈话</Radio> <Radio style={radioStyle} value={}>写下计划</Radio>> </RadioGroup> 2.在style-components中写 export const radioStyle = {

了解HTML标签在各浏览器当中的默认样式,可以让我们了解,为什么会要写Reset.css,Reset.css当中要怎么写样式最合理.试着思考下面的问题: 为什么会有默认样式? 每个浏览器的默认样式有什么不同? Reset.css具体怎么写,每个浏览器展示的效果才会一致? 默认样式 这里说的默认样式其实是每个浏览器自己的默认样式,我们通常使用style或者link的形式应用的样式内容被成为"用户样式". 浏览器加载完一个页面之后的工作流程大概如下:1.转换2.令牌化3.词法分析4.DOM

Mysql 数据库date, datetime类型设置0000-00-00默认值报错问题 现象:MySQL5.7版本之后,date, datetime类型设置默认值"0000-00-00",出现异常:Invalid default value for 'time' 原因:在命令行窗口查看当前的sql_mode配置: select @@sql_mode; 结果如下: ONLY_FULL_GROUP_BY, STRICT_TRANS_TABLES, NO_ZERO_IN_DATE, NO_

上一讲我们讲解了如何使用官方的api来修改主题样式,这讲我们继续讲解sass的样式修改, 编译官方自带的主题包  在生成的项目以及官方sdk的目录下,自带了一些主题sass包,我们也可以通过修改sass文件来引入他们并进行编译,下图是官方sdk中自带的主题样式包: 我们如何在sass文件中导入这些样式呢,我们接着上一讲创建的项目,打开项目下resources/sass文件夹下的app.scss文件,去掉上一讲修改的样式,如图: 如果你要引入对应的样式,只需修改@import的路径就可以了,这里我

引言 按照antd官网配置按需引入,还是出现一系列的报错: 原因 在网上搜了一下,大部分说是react-scripts以及react-app-rewired版本不兼容的问题,我果断把下载低版本 npm install react-app-rewired@1.6.2 --save npm install react-scripts@2.1.1 --save config-overrides.js 配置一下内容 重启即可 const { injectBabelPlugin } = require('

摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现. 当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password&quo

今日测试项目时需调用post模拟传参测试接口是否可用,但返回报错信息(301永久迁移),在网上搜寻解决办法无果,最后发现只要将跳转地址修改为https://+url的形式就可以了

报错一: expected "indent", got "eos" 错误截图如下: 在确认stylus安装无误后,我们应该看看是否stylus代码不符合规范. 注意空格.是否对齐等 报错二: expected "indent", got "!" 如果你是通过vue-cli初始化的项目,不需要在webpack.base.conf.js中加入stylus-loader,因为在webpack.dev.conf.js里已经对所有的样式

修改datadir目录 #datadir=C:/ProgramData/MySQL/MySQL Server 5.6/Data datadir=F:/ProgramData/MySQL/MySQL Server 5.6/Data 在F盘目录下建立相应的文件目录,把原来 C:/ProgramData/MySQL/MySQL Server 5.6/Data数据拷贝到 F:/ProgramData/MySQL/MySQL Server 5.6/Data 目录下 启动MySQL服务的时候报错1067 这

报错内容: elasticsearch.exceptions.ConnectionError: ConnectionError(<urllib3.connection.HTTPConnection object at 0x111dcb4e0>: Failed to establish a new connection: [Errno 61] Connection refused) caused by: NewConnectionError(<urllib3.connection.HTTP

vue 中直接使用 class 修改组件的默认样式,在使用 scoped 之后,样式是没有效果. 此时可以使用div 包裹组件,deep 可以实现修改组件样式 .lxfix /deep/ .control-label{ margin-top: 5px; } .lxfix /deep/ .form-control{ margin-top: 5px; }

一.react项目中使用less 1. 安装配置 npm i -D less less-loader 2. 查看webpack配置 npm run eject 此操作不可逆,生成新的目录. 3. 修改其中的webpack.config.js文件 二.react 16.12.0 中修改antd的主题样式 npm i -D babel-plugin-import 2. 在package.json中找到对babel的配置,并进行如下修改 "babel": { "presets&qu

未做国际化处理 tabLabel: { type: Array, default: () => (["a", "b", "c"]) } 初次国际化处理 出现报错 tabLabel: { type: Array, default: () => ([this.$t('status.a'), this.$t('status.b'), this.$t('status.c')]) } 修改之后国际化处理 tabLabel: { type: Ar

首先检查nginx权限 具体可参考地址https://www.cnblogs.com/hooly/p/9951748.html 或者百度其他方法 还有种情况,之前是可以用的,突然出现这种加载报错的情况,这就要检查服务的根目录储存是否满了,如果满了删掉一部分日志就可以了

电脑修改密码后,git push 时报错 remote: Permission to xxx A. fatal: unable to access  解决这个问题有两种方法,一种是界面修改,一种是命令行修改.以下分开介绍: 1. 修改电脑的凭证,如下所示,找到控制面板>>用户账户>>凭证管理器>>找到对应库的URL>>编辑修改密码 2. 第二种方式,git 命令修改,执行以下两个命令后再重新 git push 根据提示修改账号密码就可 git config