.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; /* 在下边框下方添加一条颜色相同的阴影 */
}