小工具      在线工具  汉语词典  css  js  c++  java

强制修改CSS的属性style

JavaScript 额外说明

收录于:97天前

1.直接在js代码中强行修改样式,满足布局要求

代码中的样式(style={ { paddingLeft: '15px', paddingRight: '15px' }})可以覆盖css中的styles.resetBtn。

<Button
  type="primary"
  className={styles.resetBtn}
  style={
   { paddingLeft: '15px', paddingRight: '15px' }}  强制修改padding
  onClick={() => { this.reset(); }}
>重置</Button>

2.获取页面元素的id来修改页面的css

这里的全局意味着它是一个全局属性。

当要修改单个页面中的css时,需要添加一个名称来包裹全局属性,否则所有页面都会被修改。

.tableListForm {
  :global {
    .ant-form-item {
      margin-bottom: 24px;
      margin-right: 0;
      display: flex;
      > .ant-form-item-label {
        width: auto;
        line-height: 32px;
        padding-right: 8px;
      }
      .ant-form-item-control {
        line-height: 32px;
      }
    }
    .ant-form-item-control-wrapper {
      flex: 1;
    }
  }
  .submitButtons {
    white-space: nowrap;
    margin-bottom: 24px;
  }
}

以上就是强制修改页面元素属性的两种简单方法!

. . .

相关推荐

额外说明

macOS下vscode添加代码命令行

1、Ctrl + Alt + P ==> 2、Shell Command: Install 'code' command in PATH

额外说明

别再通过重复低质量的工作内容来钓鱼,18k专家分享自动化测试秘诀

​ 自动化测试面试真题(附答案) 一、编程语法题 1、python有哪些数据类型 2、怎么将两个字典合并 3、python 如何将json写到文件里? 4、 __init__和_new__区别? 5、什么是可变、不可变类型? 6、mysql注入点,用工具

额外说明

算法读书笔记-1

14天阅读挑战赛 *努力是为了不平庸~ 算法学习有些时候是枯燥的,这一次,让我们先人一步,趣学算法!欢迎记录下你的那些努力时刻(算法学习知识点/算法题解/遇到的算法bug/等等),在分享的同时加深对于算法的理解,同时吸收他人的奇思妙想,一起见证技术er的

额外说明

【CSDN】资源老是上传中断?

RAR和EXE等后缀名容易上传中断。 打包成ZIP上传基本就没问题了。

额外说明

Python 第七节 第二课

[toc] nonlocal 关键字 nonlocal 用来声明外层的局部变量 global     用来声明全局变量 执行结果:

额外说明

保研面试/考研复试:英语口语面试必备话题及常用句型句式整理(二)

目录 Travel AFFIRMATIVE NEGATIVE Art FOR AGAINST Shopping AFFIRMATIVE NEGATIVE Pet AFFIRMATIVE NEGATIVE Travel AFFIRMATIVE We can

额外说明

使用加密算法报错异常:java.security.InvalidKeyException: Illegal key size

之前文章有提到过(常用对称加密算法之AES算法-CBC模式),因为需求的需要,使用到了对称加密算法AES算法,开发完毕并测试通过了,但是后来有同事反馈,当他的项目使用到加密这一步的时候就会报错。 报错信息 java.security.InvalidKey

额外说明

jQuery的ajax提交表单

jQuery的ajax提交表单   1、表单 <form id="ff" method="post"> <div class="input-group"> <span class="input-group-addon"><i cl

额外说明

【Python】UI 自动化测试:Selenium 自动化框架 —— 调用浏览器驱动

目录 一、浏览器和驱动以及 selenium 的版本对应 二、示例各版本部署 三、谷歌浏览器调用

额外说明

系统缺少api-ms-win-core-privateprofile-l1-1-0.dll如何解决?

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或者损坏了,这时你只需下载这个api-ms-win-core-privateprofile-

ads via 小工具