我有这个代码可以发布:
$('#cs_tableVideoListings tbody tr td').each(
function() {
$(this).css('border-bottom','2px solid gray');
})
问题是“灰色”太暗了。当我尝试#333或任何十六进制数字时,它根本不起作用。
我只需要应用底部边框,因此使用“border-bottom”:“2px solid#333”(注释冒号)不起作用,因为该语法似乎仅在应用多个样式时有效。
所以,我想知道在上面的代码中应用十六进制颜色,而不是分配变量等等。
谢谢
答案 0 :(得分:1)
在您决定添加冒号之前,您的代码就可以了。
除非你传递一个物体,否则你不希望那里有冒号。数字格式#333
无论如何都可以正常工作。
试一试: http://jsfiddle.net/EXbL7/
$('#cs_tableVideoListings tbody tr td').each(
function() {
// separated with comma, you're passing 2 arguments
$(this).css('border-bottom','2px solid #333');
}
);
如果你想要冒号,那么你需要传递一个对象。
试一试: http://jsfiddle.net/EXbL7/1/
$('#cs_tableVideoListings tbody tr td').each(
function() {
// separated with colon, you're passing 1 object argument
$(this).css( {'border-bottom':'2px solid #333'} );
}
);
答案 1 :(得分:0)
尝试长版#333333而不是#333手。我记得使用简短的CSS六角颜色时遇到了麻烦。
或者您可以将代码更改为以下内容:
$(this).css({
borderBottomWidth: '2px',
borderBottomStyle: 'solid',
borderBottomColor: '#333333'
});
请注意,我传递的对象键是borderBottom(JS)而不是border-bottom(CSS)。将对象传递给jQuery.css时,它应该是样式的JavaScript等价物。