仅删除输入元素上的一个边框,而不影响其他边框

用户名

想要下面的脚本(也位于http://jsbin.com/enOxEya/1/)只是为了删除右边框。

但是,对于FF,Chrome和IE,它将左边框和上边框加粗。

此外,对于FF,它会删除底部边框,而对于Chrome和IE,则会对底部边框进行着色。

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

FF的结果

FF的结果

Chrome的结果

Chrome的结果

IE的结果

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>
西德·M

试试这个,效果很好

只需更换

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

有了这个

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

希望对您有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

仅删除输入元素上的一个边框,而不影响其他边框

来自分类Dev

不影响其他元素在边框宽度更改上的定位

来自分类Dev

不影响其他元素在边框宽度更改上的定位

来自分类Dev

Python删除最后一个索引,而不影响其他列表

来自分类Dev

如何使用CSS影响一个子元素而不影响其他子元素的宽度

来自分类Dev

如何在不影响具有相同状态的其他元素的情况下更改一个元素的状态?

来自分类Dev

是否可以仅设置一个单元格的宽度而不影响phpExcel中的其他单元格?

来自分类Dev

React.JS - 多个元素共享一个状态(如何只修改一个元素而不影响其他元素?)

来自分类Dev

Matplotlib:如何从轴上仅删除一个轮廓元素以及其他绘制的元素?

来自分类Dev

更新一个值Python SQLite而不影响其他值

来自分类Dev

如何联接两个数据集并更新一个列值仅不影响sas中的其他列?

来自分类Dev

UIView 层 - 删除一个边框

来自分类Dev

震动效果不影响其他元素

来自分类Dev

多个具有相同状态名称的组件,在父 div 上单击时更改一个而不影响其他组件?

来自分类Dev

Android-在TextView上设置按下状态和边框-仅一个背景

来自分类Dev

jQuery:在一个元素上切换类,从所有其他元素上删除类

来自分类Dev

删除Angular Material Textbox边框,而Ngdeep不会影响其他组件

来自分类Dev

Word:通过样式应用边框仅影响段落,不影响文本

来自分类Dev

当我单击图像时,我在其上放置了一个滤镜,该滤镜也会影响图像的边框,我该如何使边框对此有所抵抗?

来自分类Dev

根据最后一个元素添加边框

来自分类Dev

只有一个元素的双边框

来自分类Dev

删除上一个子CSS的边框

来自分类Dev

如何删除上一个菜单边框样式

来自分类Dev

删除最后一个单元格之前的边框

来自分类Dev

如何从上一个div删除边框

来自分类Dev

删除第一个子项的边框

来自分类Dev

如何从最后一个孩子中删除底部边框

来自分类Dev

如何使隐藏的div向下滑动而不影响同一行中的其他元素

来自分类Dev

不影响一个孩子的填充

Related 相关文章

  1. 1

    仅删除输入元素上的一个边框,而不影响其他边框

  2. 2

    不影响其他元素在边框宽度更改上的定位

  3. 3

    不影响其他元素在边框宽度更改上的定位

  4. 4

    Python删除最后一个索引,而不影响其他列表

  5. 5

    如何使用CSS影响一个子元素而不影响其他子元素的宽度

  6. 6

    如何在不影响具有相同状态的其他元素的情况下更改一个元素的状态?

  7. 7

    是否可以仅设置一个单元格的宽度而不影响phpExcel中的其他单元格?

  8. 8

    React.JS - 多个元素共享一个状态(如何只修改一个元素而不影响其他元素?)

  9. 9

    Matplotlib:如何从轴上仅删除一个轮廓元素以及其他绘制的元素?

  10. 10

    更新一个值Python SQLite而不影响其他值

  11. 11

    如何联接两个数据集并更新一个列值仅不影响sas中的其他列?

  12. 12

    UIView 层 - 删除一个边框

  13. 13

    震动效果不影响其他元素

  14. 14

    多个具有相同状态名称的组件,在父 div 上单击时更改一个而不影响其他组件?

  15. 15

    Android-在TextView上设置按下状态和边框-仅一个背景

  16. 16

    jQuery:在一个元素上切换类,从所有其他元素上删除类

  17. 17

    删除Angular Material Textbox边框,而Ngdeep不会影响其他组件

  18. 18

    Word:通过样式应用边框仅影响段落,不影响文本

  19. 19

    当我单击图像时,我在其上放置了一个滤镜,该滤镜也会影响图像的边框,我该如何使边框对此有所抵抗?

  20. 20

    根据最后一个元素添加边框

  21. 21

    只有一个元素的双边框

  22. 22

    删除上一个子CSS的边框

  23. 23

    如何删除上一个菜单边框样式

  24. 24

    删除最后一个单元格之前的边框

  25. 25

    如何从上一个div删除边框

  26. 26

    删除第一个子项的边框

  27. 27

    如何从最后一个孩子中删除底部边框

  28. 28

    如何使隐藏的div向下滑动而不影响同一行中的其他元素

  29. 29

    不影响一个孩子的填充

热门标签

归档