我想使用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/
有人可以解释为什么它不像预期那样造型吗?
答案 0 :(得分:4)
对于包含多个单词的属性,您应该使用Camel大小写或在引号内写入密钥,例如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>