为什么我的<select>"font-family"属性不是继承自<body>？

在HTML中，<select>元素的默认样式是不继承<body>的font-family属性的。这是因为浏览器的默认样式表（user agent stylesheet）为<select>元素定义了一个特定的样式，这与<body>的样式不同。

如果您希望<select>元素继承<body>的font-family属性，可以使用CSS来覆盖默认样式。您可以在您的样式表中添加以下代码：

select {
  font-family: inherit;
}

这将使得<select>元素的font-family属性继承自其父元素的font-family属性，从而实现与<body>的一致性。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云COS：一个用于存储和管理数据的云存储服务，可以实现数据的高效、安全、可靠存储。
腾讯云CLB：一个用于实现负载均衡的云服务，可以帮助您在云上更好地管理和分配流量。
腾讯云CDB：一个用于MySQL数据库的云服务，可以帮助您更好地管理和维护您的数据库。

这些产品都可以与前端开发、后端开发、软件测试、数据库、服务器运维、云原生、网络通信、网络安全、音视频、多媒体处理、人工智能、物联网、移动开发、存储、区块链、元宇宙等专业知识相结合，帮助您更好地构建和管理您的应用程序。

相关·内容

【CSS Trick】font-family 继承失效了？

CSS 继承从 MDN 上可以看到，当元素的一个继承属性（inherited property）没有指定值时，则取父元素的同属性的计算值（computed value）比如 color 属性就是继承属性...，给父级元素设置了 color，则子元素会继承，如下：今天来聊一个有意思的属性——font-family font-family——继承失效了？...: initial; font-family: unset; font-family 是一个继承属性，比如，我给上面例子 .parent 添加 font-family: serif;，子元素也会继承它的属性值...，计算值的结果还是 test（这里猜测因为 font-family 可以通过 @font-face 自定义设置，所以浏览器无法知道它是无效的），但实际上效果已经直接降级到浏览器的值了，而不是父级元素设置的值...font-family，而且不知道自己设置的字体能不能在所有的浏览器上都能生效的时候，推荐总写一个兜底的字体，否则并不是自动继承你在 body 或者 html 元素中设置的兜底值

6392 0

了解CSS的initial初始值

如果该属性不是一个可继承属性，并且层叠关系没有导致一个值，则指定值就被作为初始值呃...好吧。我用 Google 翻译（说着玩的！）...但让initial和inherit有所区别的额外步骤是，inherit会检查在采用初始值之前，是否可以继承层叠关系中的其他属性值。 ?...如上图所示，H1 尝试去继承一个颜色值，并在 body 元素上找到了。 ? 而当 H1 被告知要使用其初始值时，则跳过了 body 元素，直接取了根元素的值。...左边的所有属性都继承了其父元素 .module ，而另一边则通过 initial 关键字，被重置为浏览器默认的属性。...虽然我发现了很多可以将其用作元素默认样式的潜在价值，但我还没在一个实用的应用中遇到它们 -- 尽管这更多是归因于我而非这个属性本身。

1K2 0

CSS学习笔记（基础篇）

文字的表达方式直接写中文名称 font-family: 微软雅黑; 写字体的英文名称 font-family: microsoft yahei; unicode 编码（解析更快） ?...继承性继承性发生的前提是包含（嵌套关系） ★文字颜色可以继承 ★文字大小可以继承 ★字体可以继续 ★字体粗细可以继承 ★文字风格可以继承 ★行高可以继承总结：文字的所有属性都可以继承。...特点： 1.继承的权重为0（当没有自己的样式时，听继承的；有自己的样式时，继承的权重为0） 2.权重会叠加。 ?...---- CSS初始化腾讯 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{...边上是这种圆弧型的或者其他形状的，可以变换长度的样式。特点：浮动之后宽度不是父盒子的宽度，而是内容撑开的宽度。 <!

4.5K3 0

移动端开发样式初始化

在移动端开发,需要解决在移动端下的一些样式初始化,防止在设备出现不同的效果,下面我们看下,需要解决移动端的那些样式需要初始化!...，在iOS上加上这个属性才能给按钮和输入框自定义样式 -webkit-user-select: none;// 禁止页面文字选择，此属性不继承，一般加在body上规定整个body的文字都不会自动调整input...body { margin: 0; -webkit-user-select: none; }//禁止移动端用户进行复制.选择.body * { -webkit-user-select: none...; font-family: Helvetica; } body { -webkit-text-size-adjust: 100%; }//移动端横竖屏字体乎大乎小-webkit-text-size-adjust...: none; //禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化)，此属性也不继承，一般加在body上规定整个body 这样移动端开发就可以开始啦!

5872 0

python metaclass ..

防止属性被意外覆盖解决重复使用metaclass metaclass new init references 正文关于Python2.x中metaclass这一黑科技，我原以为我是懂的，只有当被打脸的时候...为什么之前我认为自己懂了呢，因为我阅读过stackoverflow上的《what-is-a-metaclass-in-python》这一神作（注意，本文中专指e-satis的回答），在伯乐在线上也有不错的翻译...但是我们不想用继承的方法，一来，语义上不是is a的关系，不使用继承；二来，python的mro也不是很东西。...这似乎颠覆了我的认知：Bird类有一个run属性，子类SpecialBird重载了这个方法，那么就应该调用子类的方法啊。...metaclass继承自type，那么其new、init和普通class的new、init是一样的，只不过metaclass的new返回的是一个类。

5534 0

从零开始学 Web 之 CSS（四）CSS初始化、定位、overflow、标签规范

2、为什么要初始化CSS呢？为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。...,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff...overflow 属性规定当内容溢出元素框时发生的事情. ?...inherit: 规定应该从父元素继承 overflow 属性的值。 ...length: %: 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 inherit: 规定应该从父元素继承 vertical-align 属性的值。 ?

1.2K3 0

CSS入门7-三大特性之继承特性

5782 0

重置样式表--HTML

重置样式表这就是一个简单的我自己使用的重置样式表里面的话大多数的重置是都有啦的大家没有的可以收藏起来拿去用 html{ /* 标准字体大小可以，在移动端使用的rem适配的话会动态改变。...*/ font-size:14px; /* 使用IE盒模型（个人取舍，我一般设置width是这是盒子的真实大小，包括padding和border） */ box-sizing: border-box...; } html,body{ /* 在有些手机浏览器中点击一个链接或着可点击元素的时候，会出现一个半透明的灰色背景； */ -webkit-tap-highlight-color...*/ list-style:none } /* 这些节点部分属性没有继承父节点样式，所有继承一下，并取消outline，外轮廓的效果 */ a, h1, h2, h3,...h4, h5, h6, input, select, button, textarea { font-family: inherit; font-size: inherit; font-weight

2.1K2 0

百度Web前端技术学院(1)-HTML, CSS基础

inherit | 规定应该从父元素继承 text-transform 属性的值。 text-decoration 定义和用法 text-decoration 属性规定添加到文本的修饰。...inherit | 规定应该从父元素继承 text-align 属性的值。 word-spacing 定义 word-spacing 属性增加或减少单词间的空白（即字间隔）。...inherit | 规定应该从父元素继承 white-space 属性的值。...如需为 HTML 元素使用字体，请通过 font-family 属性来引用字体的名称 (myFirstFont)：实例 @font-face { font-family: myFirstFont...在实际布局中，往往这并不是我们所希望的，所以需要闭合浮动元素，使其包含框表现出正常的高度。最后一丝姐给了两个精益求精方案，我觉得方案一更易于理解，这里实践一下下面是源码 html <!

1K3 0

struts2拦截器源码分析

不管你有没有，反正我是有。我想这个问题的答案，我们是非常有必要去看一下这个拦截器的源码去找。...并无区别，方法除继承自Filter外，仅有一个回调方法，第三部分我们将按照Filter方法调用顺序，init—>doFilter—>destroy顺序地分析源码。...提供的方法： destroy() 继承自Filter，用于资源释放 doFilter(ServletRequest req, ServletResponse res, FilterChain chain...) 继承自Filter，执行方法 init(FilterConfig filterConfig) 继承自Filter，初始化参数 postInit(Dispatcher dispatcher, FilterConfig...，其实有些地方我也不是理解的很清楚。

6216 0

HTMLCSS基础知识学习笔记

CSS 继承 CSS的某些样式是具有继承性的，那么什么是继承呢？...字体 body{font-family:"宋体";} body{font-family:"Microsoft Yahei";} 2....、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口 ... "宋体",sans-serif;} 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性未指定将自动使用默认值...像素像素为什么是相对单位呢？

2K1 0

谈谈CSS中一些比较偏门的小知识前面我写了：谈谈html中一些比较偏门的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！

前面我写了：谈谈html中一些比较"偏门"的知识，现在这篇(主要)想谈谈个人所见的CSS一些小知识点，加深印象；同时也希望有需要的人能有收获！...（推荐） link属于XHTML标签，除了能引入CSS，还能定义RSS，定义rel连接属性；而@import是css提供的，只能用于引入CSS文件； @import是css 2.1提出的，故而存在兼容性问题.../*根据上下文显示为块元素或内联元素*/ display: run-in; 原先真是轻视了display属性，经常用到的也就其中四五个，谁知道它的属性竟有20个左右。...(a[href="www.a.com"]) 伪类选择器(a:hover,ul:nth-child,ul:first-child) 可继承的样式：font-size,font-family,color,ul...,li等不可继承的样式：border,margin,padding,width,height 9.CSS权重标签或者伪元素权重：1；class/伪类权重：10；id选择器：100；行内样式：1000

1.3K6 0

【黑马程序员pink名师讲CSS】学好CSS有这一篇就够了(CSS笔记)

3.对齐文本 text-align属性只能用于设置元素内文本内容的水平对齐方式 ps: 盒子里面的文字,而不是盒子本身的对齐方式 div { text-align...> 长江后浪推前浪,后浪死在沙滩上也可以通过调试工具查看: 二.继承性 css中的继承: 子标签会继承父标签的某些样式继承:text-,font...-,line-,color属性等,盒子模型等不会继承 div { color: red; font-family: 仿宋; }...,但是给p标签的父标签设置了文本颜色和字体的样式,子标签p就继承过来了这个其实我们早就用过,我们之前在body中设置样式,应用于body全部元素,其实也是由于继承性....important,权重无限大 ps:继承的权重为0,也就是即使父亲的权重很高,但是我子继承过来的时候权重就是0,到时候要拿着权重去和不同选择器的同一元素比较的.

2.2K2 0

java基础知识，font属性css写法，代码详解！

CSS属性值字体与文本网页设计中有很多的文字要去处理，标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本字体首先要有一个认识字体和文本不是一个东西哦。...这些字体可以使用@font-face规则随网页一起发给浏览器（一般字体图片都会放到一个单独的服务器上，更加的优化）字体属性 font-family 字体族 font-family用于设定元素中的文本使用什么字体...通常给一个文档页面设置一个主字体（因为font-family是可以继承的），然后针对那些需要使用不用样式的字体在单独应用font-family。.../*font-family的值不区分大小写但是如果引入的是在线字体库请不要随意修改有可能导致无法使用提供的定制字体*/body font-size 字体大小浏览器样式表默认为每个HTML元素都设定了...font-style 字体样式 font-weight 字体粗细这个貌似没什么好说的，还是过了吧。主要一点最好使用bold，normal当然strong标签是加粗的状态，你们应该懂我的意思。

8668 0

前端学习(7)~css学习(一)：字体属性和文本属性

) pc：皮卡Picas (1 皮卡 = 12 点) 相对单位 px：像素 em：印刷单位相当于12个点 %：百分比，相对周围的文字的大小 为什么说像素px是一个相对单位呢，这也很好理解。...盒子模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。为了严格保证字在行里面居中，我们的工程师有一个约定：行高、字号，一般都是偶数。...2、字体属性的说明：（1）网页中不是所有字体都能用，因为这个字体要看用户的电脑里面装没装，比如你设置： font-family: "华文彩云"; 上方代码中，如果用户的 Windows 电脑里面没有这个字体...inherit 规定应该从父元素继承 list-style 属性的值。...比如说，我想让鼠标放在那个标签上时，光标显示手状，代码如下： p:hover{ cursor: pointer; } 另外还有以下的属性：（不用记，需要的时候查一下就行了） all-scroll

1.8K2 0

超全整理前端开发面试题——CSS篇（2016年）

哪些属性可以继承？...（a[rel = "external"]） 9.伪类选择器（a:hover, li:nth-child） *可继承的样式： font-size font-family color, UL LI...table 此元素会作为块级表格来显示 inherit 规定应该从父元素继承 display 属性的值 position的值relative和absolute定位原点是？...没有定位，元素出现在正常的流中（忽略 top, bottom, left, right z-index 声明）。 inherit 规定从父元素继承 position 属性的值。...3. fixed: 它的containing block一律为根元素(html/body)，根元素也是initial containing block CSS里的visibility属性有个collapse

2.6K13 0

CSS 语法入门

p { text-align: center; color: black; font-family: arial; } 子元素总是继承你元素的属性。...body { font-family: Vrdana, sans-serif; } 这样，在 body 属性下的元素：p, td, ul, ol, li, dl, dt, dd 等都会继承 body...中定义的字体，同样继承来的值也可以进行重写。...body { font-family: Vrdana;} p { font-family: Times;} 选择器、派生选择器：通过依据元素位置的上下文件关系来定义的样式。...可以使用 background-color 指定背景色，这个属性接受任务合法的颜色值。可以利用这个将背景色配置为灰色。background-color 是不能被继承的。

3892 0

css样式之标签的查找

我蒙上自己的双眼,只想记住最后看你的那一眼。我刺瞎自己的双眼只为记住那逝去的红颜。 css选择器的优先级 css属性相关宽和高：width属性可以为元素设置宽度。...height属性可以为元素设置高度。块级标签才能设置宽度，内联标签的宽度由内容来决定。字体属性文字字体：font-family可以把多个字体名称作为一个“回退”系统来保存。...inherit——继承父元素的text-decoration属性的值。...常用的为去掉a标签默认的自划线：a {text-decoration: none;} 首行缩进：将段落的第一行缩进 32像素p {text-indent: 32px;} <!

1.2K2 0

HTML & CSS 知识点梳理（内涵大量Demo噢~）

> Demo中的图片资源我放在码云上面了，链接在这里，点击前往； 3.......下拉列表框标记标记可在页面中创建下拉列表框，此时的下拉列表框是一个空的列表，要使用标记向列表中添加内容。...CSS规则选择符{属性：属性值；} ? image.png 2....--定义类名为one的类别选择器--> font-family:宋体; <!...image.png 3.id选择器 "#"配合“id"属性 demo： #one{ font-family

1.2K2 0

CSS教程:div垂直居中的N种方法「建议收藏」

在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！...所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的、、等，而像...高度，而从父元素继承来的定位高度）。...id="subwrap"> 如果我们对subwrap进行了绝对定位，那么content也会继承了这个这个属性...（不过我不解，我查阅了很多文章，不知道是因为出处相同还是什么原因，似乎很多人都不愿意去解释Internet Exlporer 6中这这个Bug的原理，我也只是了解了一点皮毛，还要再研究） 1 <

1.1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云