css火狐标签点击边框 |纯css3手风琴

/**
 * 场景一：点击链接出现蓝色边框
 * 解决方案：去掉默认的链接样式
 */
a:focus {
outline: none;
}
/**
 * 场景二：点击按钮出现虚线框
 * 解决方案：修改按钮样式
 */
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
outline: none;
border: 1px solid #ccc; /* 或者其他更合适的颜色 */
box-shadow: 0 0 10px #ccc; /* 或者其他更合适的效果 */
}
/**
 * 场景三：点击表格单元格出现虚线框
 * 解决方案：修改表格样式
 */
table {
outline: none;
}
td:focus {
border: 1px solid #ccc; /* 或者其他更合适的颜色 */
box-shadow: 0 0 10px #ccc; /* 或者其他更合适的效果 */
}

以上是一些常见的解决方案，但具体情况还需要根据实际情况进行调整。另外，如果需要完美支持各种浏览器，建议使用 CSS Reset 来统一样式。