为什么给了行高,选中的时候蓝色背景依旧是52px
时间: 2023-12-30 18:03:15 浏览: 26
这可能是由于选中状态的样式被覆盖了。您可以使用CSS的`:active` 伪类选择器来设置选中状态的样式。例如:
```css
div {
line-height: 1.5;
background-color: #fff;
}
div:active {
background-color: #0af;
}
```
这样,当您点击div元素时,它的背景颜色将变为 #0af,而不是默认的蓝色。
相关问题
要使表格行高为18px,正确的写法是
可以使用CSS的属性`line-height`设置表格行的高度,正确的写法是:
```css
tr {
line-height: 18px;
}
```
需要注意的是,这样设置会将表格中所有行的高度都设置为18px,如果只想针对某些特定的行生效,可以给这些行添加class或者id,并在CSS中使用相应的选择器。
easyui中,datagrid行编辑时为什么行高会变
datagrid行编辑时行高变化的原因可能是因为编辑器的高度比原始单元格的高度更高,导致整个行的高度增加。为了解决这个问题,可以通过以下两种方法之一来解决:
1. 在datagrid的初始化中设置rowStyler属性,将其设置为一个返回样式信息的函数,该函数可以根据行的编辑状态来设置行的高度。例如:
```
$('#dg').datagrid({
rowStyler: function(index,row){
if (row.editing){
return 'height:60px;';
} else {
return '';
}
}
});
```
2. 在编辑器的初始化中,将其高度设置为与单元格高度相同。例如:
```
$('#dg').datagrid({
onBeforeEdit: function(index,row){
var editors = $(this).datagrid('getEditors', index);
for(var i=0; i<editors.length; i++){
var field = editors[i].field;
var ed = $(editors[i].target);
if (ed.hasClass('textbox-f')){
ed.textbox('resize', ed.parent().height());
}
}
}
});
```
其中,“textbox-f”是textbox编辑器的类名,如果使用其他编辑器,需要将其替换为相应的类名。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)