文档章节

react的style里面不支持important的解决办法

jj_cui
 jj_cui
发布于 2017/07/12 09:37
字数 84
阅读 18
收藏 0

加入css里面定义类如下

.bottom-60 {
  padding-bottom: 60px !important;
}

如果象下面这样定义 paddingBottom会被无视掉

<div
  className="bottom-60"
  style={{ marginTop: '-46px', paddingBottom: '0px !important' }}
>

 

要想让自定义的paddingBottom生效的方法如下

<div
  className="bottom-60"
  style={{ marginTop: '-46px' }}
  ref={(node) => {
    if (node) {
      node.style.setProperty('padding-bottom', '0px', 'important');
    }
  }}
>

© 著作权归作者所有

jj_cui
粉丝 1
博文 40
码字总数 7779
作品 0
大连
私信 提问
react native 开发碰到的问题

react-navigation v2 问题 问题: static navigationOptions = ({navigation, navigationOptions}) => ({ headerTitle: ( <Text style={{color:"#fff"}}>我的</Text> ), headerRight: ( <View......

罗培海
2018/08/18
0
0
常见浏览器的兼容问题

1 ie6.0横向margin加倍 产生因素:块属性、float、有横向margin。 解决方法:display:inline; 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size:0;或line-height:xx px; 3 在...

effto
2016/09/04
31
0
linux平台安装React Native遇到的坑

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011068702/article/details/82631458 3年前我在windows平台安装过React Native,我一直都记忆犹新,那个时候f...

chenyu_insist
2018/09/11
0
0
IE9和IE10不支持回车事件,谷歌和IE11支持

下面代码在IE9和IE10里面回车事件不支持 求大神帮忙求解决方法

star-x
2016/05/16
565
0
JavaScript DOM兼容性问题整理及部分解决方案

发现JS里面DOM属性、方法不是所有的浏览器都支持,因此整理此份资料,以便以后学习查看使用,望对大家也有所帮助。 (一) DOM节点的访问: 1. 以前对DOM节点访问一般用“document.All.元素ID属...

The-duke
2013/06/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员web前端分享逻辑运算

  一门计算机语言,编程的核心在于逻辑思想,当我们在编写程序的时候,逻辑是否通顺,是能否正确写出程序的关键,可以说如果你掌握了逻辑,那么你就踏入了计算机编程的大门。 &&与 || 或 ...

好程序员IT
18分钟前
1
0
我的Linux系统开始学习的过程

我的Linux系统开始学习的过程 Linux系统,不知大家是否了解。接触计算机不多或对计算机不感冒的人可能对其比较陌生,曾经的我也是。上大学前的我的确对Linux一无所知,那时候接触面窄,都没有...

linuxCool
19分钟前
1
0
让自己的网站可以被搜索

第一步:先注册一个属于自己的域名,这个域名是独一无二的。推荐到主机屋注册一个,其实在哪里注册都是一样的,但是主机屋提供免费的地址解析服务(只对在主机屋注册的域名免费)。 主机屋官...

WinkJie
21分钟前
2
0
全站加速(DCDN)- IP应用加速产品解读

5月22日下午15点,阿里云全站加速(DCDN)-IP应用加速如期发布。IP应用加速是阿里云自主研发的一款更高效、更安全、更便捷的动态加速产品,结合阿里云CDN本身的资源优势,利用就近接入、智能...

阿里云官方博客
24分钟前
1
0
k8s常用命令

1.创建deployment资源kubectl apply -f nginx.yml2.删除deployment资源kubectl delete -f nginx.yml3.查看deployment资源基本信息deployment资源(运行的服务资源)kubectl get...

平头哥-Enjoystudy
25分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部