我想使用jQuery设置工具提示元素的样式。
$('.tooltip').css({
background:'#96c11f',
padding:'20px',
width:'100%',
display:'block',
text-align:'center',
color:'white',
font-size:'1.4em',
margin-bottom:'40px'
});
<div class="tooltip">Hello!</div>
https://jsfiddle.net/4okqkys2/
有人可以解释为什么它的样式不符合预期吗?
对于具有多个属性的话,你应该使用引号里的骆驼情况或写入键,以便例如font-size
应'font-size'
$('.tooltip').css({
background: '#96c11f',
padding: '20px',
width: '100%',
display: 'block',
textAlign: 'center',
color: 'white',
fontSize: '1.4em',
marginBottom: '40px'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tooltip">Hello!</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句