在Firefox中表td输入字段边框问题

Question

Demo

单击firefox中JSFiddle表格中的任何单元格，您将看到底部和右侧边框被隐藏。是否有一种优雅的方式来解决这个问题？

我尝试过几件事，但他们并没有为我做好准备：

• 添加if(con != null) { try { String query = "select * from users where username = '"+user.getText()+"' and password = '"+pasword.getText()+"'"; PreparedStatement ps = con.prepareStatement(query); ResultSet rs = ps.executeQuery(); int count = 0; while(rs.next()) { count = count + 1; } if(count == 1) { JOptionPane.showMessageDialog(null, "user exist"); } else { JOptionPane.showMessageDialog(null, "user doesnot exist"); } rs.close(); ps.close(); } catch (Exception e1) { } } 以查看蓝色边框的右侧和padding-right: 3px以补偿刚刚添加的填充。这会导致边框和背景颜色之间出现优先问题。
• 在border-right: 3px上，将输入字段的宽度和高度减少几个像素。不幸的是，我需要将宽度设置为100％，因为我有可调整大小的列（为简洁起见，不包括在JSFiddle中）。

Answer 1

根据我的经验box-shadow更可靠，而且使用起来比outline更灵活;）

input:focus {
    box-shadow: 0 0 0 2px blue inset;
}