如何通过css将定义的值更改为未指定的值?

发布于 2025-01-02 21:35:01 字数 355 浏览 0 评论 0原文

我使用无法或不想更改的外部 CSS 样式表。它定义选择字段的默认长度。

因此,在外部样式表中,有这样的内容:

select { width: 200px }

现在我希望在某些地方有所不同。我希望浏览器选择必要的大小来容纳内容。在我的样式表中,我想要这样的东西:

select.some-class { width: none_specified }

因此,带有“some-class”的选择不会是200px宽,而是浏览器认为正确的宽度。

我怎样才能做到这一点?

I use an external CSS Stylesheet that I can't or don't want to change. It defines the default length of an select field.

So in the external stylesheet there is something like:

select { width: 200px }

Now I have some places where I want this to be different. I want the browser to choose the necessary size to accommodate the content. In my stylesheet I want to something like this:

select.some-class { width: none_specified }

So a select with "some-class" will not be 200px wide, but as wide as the browser thinks is right.

How can I achieve that?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

泛泛之交 2025-01-09 21:35:01

所有 CSS 属性都有一个默认值。对于宽度,它是auto

select.some-class { width: auto; }

请注意,您并不总是那么容易覆盖 CSS,有时您需要使用 style 属性

<div style="width: auto;"> ... </div>

All CSS properties have a default value. For width it's auto.

select.some-class { width: auto; }

Note that you can't always override CSS so easily, sometimes you need to use style attribute

<div style="width: auto;"> ... </div>
临走之时 2025-01-09 21:35:01

将其设置为自动。

select.some-class { width: auto !important; }

请注意,我使用 !important 来指定此规则应覆盖任何其他规则。

Set it to auto.

select.some-class { width: auto !important; }

Note that I use !important to specify that this rule should override any other.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文