Html 只删除输入元素上的一个边框，不影响其他边框_Html_Css_Border

Html 只删除输入元素上的一个边框，不影响其他边框

html css

Html 只删除输入元素上的一个边框，不影响其他边框,html,css,border,Html,Css,Border,我对下面的脚本（也位于）的意图只是删除右边框然而，对于FF、Chrome和IE，它使左边框和上边框更加醒目此外，对于FF，它会移除底部边框，对于Chrome和IE，它会着色底部边框查看每个浏览器的图像（所有浏览器都是最新的）来自FF的结果铬的结果来自IE的结果仅对顶部、底部和左侧边框使用边框样式“无”，也会为所有浏览器生成意外结果如何仅删除单个边界（即右侧边界），而不影响其他三个边界 <!DOCTYPE html> <html> <he

我对下面的脚本（也位于）的意图只是删除右边框

然而，对于FF、Chrome和IE，它使左边框和上边框更加醒目

此外，对于FF，它会移除底部边框，对于Chrome和IE，它会着色底部边框

查看每个浏览器的图像（所有浏览器都是最新的）

来自FF的结果

铬的结果

来自IE的结果

仅对顶部、底部和左侧边框使用边框样式“无”，也会为所有浏览器生成意外结果

如何仅删除单个边界（即右侧边界），而不影响其他三个边界

<!DOCTYPE html>
<html>
    <head>
        <title>Boarders</title>
        <style type='text/css'>
            #input2 {border-right-style:none}
        </style>
    </head>
    <body>
        <input id="input1" />
        <br />
        <br />
        <input id="input2" />
    </body>
</html>


寄宿生
#input2{右边框样式：无}

试试这个，效果很好

替换

<style type='text/css'>
            #input2 {border-right-style:none}
        </style>


#input2{右边框样式：无}

用这个

<style type='text/css'>
            #input2 {border-style: solid none solid solid}
        </style>


#input2{边框样式：实心无实心}

希望这对您有所帮助。

试试这个：


寄宿生
#输入2{
边框：1px实心#ABADB3；
右边界：0；
}

在我看来，你所拥有的一切都很好chrome@ExplosionPills. 除了右边框外，两个输入看起来是否相同？我编辑了我的原始帖子来展示我所看到的图片。如果我理解正确，为什么你不输入这样的内容->谢谢Szymon、Mohsen和Sid。看起来您的所有答案都要求在剩余的（3）个边框上放置该样式。是否不可能将它们保留为默认浏览器值？我不这么认为。但无论如何，它需要执行1行代码：）。干杯我认为这是一个很好的答案，但我相信希德的答案会好一点。

<!DOCTYPE html>
<html>
<head>
<title>Boarders</title>
<style type='text/css'>
#input2 {
    border: 1px solid #ABADB3;
    border-right: 0;
}
</style>
</head>
<body>
<input id="input1" />
<br />
<br />
<input id="input2" />
</body>
</html>