【问题标题】:change border color without changing border width [duplicate]更改边框颜色而不更改边框宽度[重复]
【发布时间】:2017-12-29 01:20:41
【问题描述】:

当我更改输入文本边框的颜色时,边框宽度似乎更改为。 我怎样才能避免这种情况?

border-color: orange;

我也试过了

border: 1px solid orange

宽度和原始输入不同,高度被修改...

我想要和原版一模一样,但颜色不同

谢谢

【问题讨论】:

  • 能否请您发布任何其他影响灰色和橙色边框的 CSS 代码?橙色边框看起来大于 1 像素。
  • 我无法重现您的问题 - codepen.io/danield770/pen/brbPWB - 请注意更改边框颜色不会更改边框厚度
  • jsfiddle.net/u1bub4cm 我正在使用 chrome
  • @Firemen26 是正确的!,[@]Danield 查看错误:最大缩放并比较两个边界。 (我也有同样的问题)

标签: html css border border-color


【解决方案1】:

你想使用border: 1px solid orange

文档:https://www.w3schools.com/css/css_border.asp

【讨论】:

  • 请看编辑
  • @Jennifer Goncalves 的回答无法解决问题:“更改颜色而不更改宽度边框”(参见 [@]Firemen26 的图片)。
【解决方案2】:

试试这个:

边框:1px 纯橙色;

似乎还有另一种样式,例如输入大纲。设置大纲:0;

【讨论】:

  • 请看编辑
  • @Mohsen Govahi 的回答无法解决问题:“更改颜色而不更改宽度边框”(参见 [@]Firemen26 的图片)。 ——
【解决方案3】:

你必须使用这个css样式:

border: npx solid orange

n 是边框的大小(例如边框:5px 纯橙色)

【讨论】:

    猜你喜欢
    • 2013-07-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-15
    • 2020-01-30
    • 2017-03-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多