.gridtable {
|
font-family: verdana, arial, sans-serif;
|
font-size: 11px;
|
color: #333333;
|
border-width: 1px;
|
border-color: #666666;
|
border-collapse: collapse;
|
|
}
|
|
.gridtable th {
|
border-width: 1px;
|
padding: 8px;
|
border-style: solid;
|
border-color: #666666;
|
background-color: #a4b0e2;
|
}
|
|
.gridtable td {
|
border-width: 1px;
|
padding: 8px;
|
border-style: solid;
|
border-color: #666666;
|
background-color: #ffffff;
|
}
|
input {
|
/* 去除所有边框 */
|
border: none;
|
text-align: center;
|
font-size: 12px;
|
|
/* 设置下边框 */
|
border-bottom: 1px solid #000; /* 您可以根据需要调整颜色和宽度 */
|
|
/* 可选：设置背景透明 */
|
background-color: transparent;
|
|
/* 移除内边距和外边距 */
|
padding: 5px 0; /* 根据需要调整上下内边距，确保文本与线条之间有足够的空间 */
|
margin: 0;
|
|
/* 移除默认轮廓 */
|
outline: none;
|
|
/* 移除浏览器默认样式 */
|
appearance: none;
|
-webkit-appearance: none;
|
}
|
|
/* 可选：为聚焦状态添加自定义样式 */
|
input:focus {
|
/* 当输入框获得焦点时，改变下边框的颜色或增加一些视觉提示 */
|
border-bottom-color: #007BFF; /* 聚焦时的下边框颜色 */
|
|
/* 可选：添加轻微的阴影效果来突出显示 */
|
box-shadow: 0 1px 0 0 #007BFF; /* 在下边框下方添加一条颜色相同的阴影 */
|
}
|
