HTML输入字体-定义为inherit时字号较大
HTML输入字体的"inherit"属性值表示继承父元素的字体大小。当将字体大小设置为"inherit"时，输入框中的文本将采用其父元素的字体大小。
这种设置可以确保输入框中的文本与周围的文本保持一致的字体大小，使整个页面的视觉效果更加统一。
优势：
- 统一性：使用"inherit"属性值可以确保输入框中的文本与周围的文本保持一致的字体大小，提供一致的用户体验。
- 灵活性：通过继承父元素的字体大小，可以轻松地调整输入框中文本的大小，而无需单独设置每个输入框的字体大小。
应用场景：
- 表单设计：在表单中使用"inherit"属性值可以确保输入框的字体大小与表单其他元素的字体大小一致，提供更好的可读性和用户体验。
- 响应式设计：在响应式网页设计中，使用"inherit"属性值可以根据不同的屏幕尺寸自动调整输入框中文本的大小，以适应不同的设备。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品和服务，以下是一些与HTML输入字体相关的产品和服务：
- 腾讯云CDN（内容分发网络）：通过加速静态资源的分发，提高网页加载速度，从而改善用户体验。了解更多：腾讯云CDN
- 腾讯云Web应用防火墙（WAF）：保护网站免受恶意攻击，包括SQL注入、XSS攻击等。了解更多：腾讯云WAF
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于托管网站和应用程序。了解更多：腾讯云云服务器
请注意，以上推荐的产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
2回答
我正在处理Html5视频上的这个文本和按钮，我尽量不使用任何媒体查询来解决我的手机问题。问题是我使用了bootstrap 4的car-image-overlay类来显示包含视频文本的div。使用其他bootstraps 4类来对齐中、左和全部。但在手机上(例如:iPhone5e)，所有的东西都坏了，按钮，h1和p似乎没有调整，所以它覆盖了整个视频，并像这张图片一样离开了画面。我以为bootstrap可以解决这个问题，但也许我做得不对。我也在用col和xs，还是没有用。
.cta-video-section .cta-video-container {
position: re
浏览 1提问于2018-09-01得票数 0
嘿，比我聪明:比较两个网址：
桌面>右上角>2个搜索字段>它们的占位符>‘关键字..’和“城市或邮政编码”，如果你仔细观察，你会发现它们有不同的粗体，但它们有完全相同的CSS和HTML。有人能告诉我为什么这两种占位符字体有不同的粗体吗?？
感谢所有人!！
浏览 2提问于2020-11-07得票数 0
1回答
这可能是一个微不足道的问题，但我找不到明显的答案，所以就这样说吧……
我有一个使用R和xaringan包创建的站点。它们使用mathjax来格式化数学。我正在寻找的是一种方法，告诉mathjax只使用特定字体格式化数学表达式中的数字。我可以创建宏，就像在
MathJax.Hub.Config({
TeX: {
Macros: {
/* These create macros to typeset numbers in maths with the basic font */
0: "{\\style{font-family:inherit; font
浏览 30提问于2021-01-09得票数 0
我知道还有很多类似的问题，但没有一个问题给了我答案。这是没有抛出错误，我看不到任何错误或语法错误。
我正在尝试使用jquery制作一个google字体选择器(某种程度上)：
联署材料：
$("#submit").click(function () {
var fontFamilyOrig = $("#font").val();
var prefix = "//fonts.googleapis.com/css?family=";
var fontFamily = fontFamilyOrig.split(' '
浏览 4提问于2015-07-20得票数 0
1回答
我怎么用这个字体？
、、、
我想在我的通用Windows应用程序中使用自定义的otf字体，但是我无法让它工作。
我目前正在我的xaml中使用这个
<TextBlock
FontSize="16"
Text="Question"
FontFamily="../Assets/Fonts/NeoSansStdMedium.otf#Neo Sans Std Medium"/>
字体位于Assets/Fonts中，如下所示：
Project.Windows (Windows 8.1)
> Assets
> Fonts
浏览 2提问于2015-08-19得票数 0
回答已采纳
我正在做一个Wordpress网站，从控制台我可以看到菜单中文本的字体系列是font-family: Arial, Helvetica, sans-serif;。
然而，它是将文本渲染成无衬线，而不是阿里尔。这表明，字体Arial在我的浏览器中是不可用的，但是当我调整控制台中的css并将font-family更改为font-family: Arial时，我看到了Arial中的文本，我确信它是Arial，因为我正在将它与通过Photoshop生成的包含Arial文本的图像进行比较。
为什么我的浏览器不呈现Arial，即使它是第一个选项，而不是呈现无衬线？
html {
font-fami
浏览 0提问于2016-06-27得票数 0
回答已采纳
我正在工作的网站出了点奇怪的问题。当我加载主页时，由于某种原因，我在导航和标题中找到的字体似乎失去了一些字体粗细。我设法将其缩小到只在主页上加载的一小段javascript，当移除时，我所有的字体都很好很胖。
在javascript (为滑块设计的)中，它根本没有提到h标签，或者任何与font-weight有关的内容。但它似乎仍在影响着它。
这里是JS，如果有人能看到为什么会发生这种情况？
var sliderActive = $("#wrapper #slider-single")
sliderActive.not(":first").removeClass
浏览 2提问于2012-10-17得票数 0
因为我的搜索技术不好，我已经找了2个小时了，还没有找到它 当我从插件安装了Material Theme后，我想改变这个左面板的字体大小，我该怎么做呢？ 不是输入代码的部分。我想增加列出文件的文件名的字体大小。左边的面板。
浏览 18提问于2021-01-09得票数 0
回答已采纳
5回答
当鼠标悬停在浏览器的自动完成建议上时，我不知道如何增加或使用预览文本的默认字体大小。
我对所有的风格都使用。
例如：
这是我在输入一些文本后使用默认字体大小的正常输入元素：
这是当我悬停其中一个建议的自动完成项目时预览的字体大小：
正如您所看到的，字体大小比第一张图像中的字体小得多。
我已经使用了一些CSS代码片段来禁用所有特定于浏览器的样式：
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
浏览 0提问于2019-07-25得票数 49
我尝试在html文档的span标记中使用font-weight属性，但似乎没有任何效果。
但是，当我在CSS文档中使用font-weight时，它工作得非常好。
例如，我有一个div，其中我为它分配了一个类，在div中有一个header，我想使用header标签在其中加粗几个单词，但它不起作用。
但是，在CSS文档中，我尝试使用类选择器来使用font-weight属性，并且成功了。
我没主意了..。
下面是我的html和CSS文档：
.beamember {
position: relative;
font-size: 1em;
letter-spacing: 1p
浏览 67提问于2020-05-31得票数 0
1回答
特定字符输入的文本框问题
、、、、
我有一个带有一些文本框的Winforms应用程序，它使用Microsoft Sans Serif字体。
在Windows7上运行我的应用程序时，一切工作正常。当我在Windows10上运行应用程序时，我无法在文本框中键入或粘贴字母‘U+0100’(U+0113)和Ē(Ē)。(字符C转换为A，字符Ē转换为E)
当我打开字体设置时，我看到Microsoft Sans Serif支持(U+0100)和(U+0113)。
是否有人遇到过类似的问题？
浏览 13提问于2018-01-05得票数 2
对我来说，这就像一个铬虫，但我想我应该问问社区，以防有解决办法。
如果我用样式font: inherit和web字体创建一个HTML，那么输入的大小是不正确的，直到它悬停。
以前：
鼠标悬停后的：
如果输入位于流布局中，而大小更改导致元素更改位置，则此大小更改可能特别烦人。
我的代码：
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200;400&display=swap" rel="
浏览 1提问于2020-07-16得票数 2
1回答
文本区域中的字体一致性
、、、
如何使文本区域具有与网页上其他所有内容相同的字体？
目前我有我的代码：
test.html
<html>
<head>
<link rel="stylesheet" href="test.css">
</head>
<body>
<div id="testarea">
<textarea></textarea>
</div>
浏览 0提问于2009-05-13得票数 20
回答已采纳
如果我有一个页面这个HTML
<body style="font-family:Helvetica">
<span style="font-family:Segue">Hello World</span>
</body>
如果系统中列出的第一个字体不可用，将span的字体系列设置为Segue, inherit允许它继承父字体有效吗？
<body style="font-family:Helvetica">
<span style="font-family:S
浏览 0提问于2018-11-06得票数 1
我想使用一些HTML元素文本的特殊字体。但是，当浏览器上呈现特殊字体失败时，我希望设置父字体样式。
示例CSS代码：
.SmoothText {
font-family: "Special Font name", inherit;
}
混合字体名称和inherit安全还是不安全？
浏览 7提问于2014-06-29得票数 3
回答已采纳
3回答
基于PHP变量的CSS媒体查询
、、、、
我有一个多语种的网站，网站的所有文本都是加载在基于PHP会话变量的每种语言。我在这里的问题是，当文本以德语加载时，我页面顶部的菜单栏对于它的容器来说太长了，一些菜单项落在下面。这是可以的，但被删除的菜单项阻碍了子菜单的选择。
当选择某个变量时，是否有一种方法可以使用css媒体查询来减少菜单的字体大小？
浏览 2提问于2014-09-12得票数 0
回答已采纳
1回答
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<style type="text/css">
*{padding:0px;margin:0px;}
.strip {width:1000px;border:1px solid red;clear:none;height:10px;}
.box{display:in
浏览 1提问于2011-04-04得票数 0
回答已采纳
2回答
我正在尝试增加或减少显示的文本字体。
但只能使它增加一次或减少一次，然后停止工作。
我在网页浏览器中显示文本，所以我必须用html标签增加字体大小。
有人能告诉我我做错了什么吗？
private void btnUp_Click(object sender, EventArgs e)
{
HtmlFontPrev = "<font size='+1'>" + webPrevSQL.DocumentText + "</font>";
浏览 0提问于2012-07-05得票数 0
回答已采纳
1回答
我有一个带有纯文本视图的Mac应用程序。我可以让它保存，等等，但当我在我的应用程序中使用字体面板更改字体或字体大小时，它不会在应用程序重新打开时保存。
如何创建应用程序保存字体和字体大小更改的方法？谢谢!
浏览 3提问于2012-02-25得票数 1
我正在尝试为以下问题找到解决方案：
如果我在编辑器中选择文本并使用' font '-dropdown更改字体，当我在编辑器中的已编辑文本部分上行走时，此下拉菜单将显示正确的字体。但是如果我还没有改变字体，那么' font '-dropdown不会显示实际的字体。“Size”下拉列表也存在同样的问题。
如果可能，请至少帮助我确定解决这个恼人问题的方向。
谢谢您抽时间见我。
编辑前：
编辑后：
浏览 6提问于2012-09-24得票数 0
回答已采纳
这是工作完美的
val htmlContent = "<p><span style=\"background-color: #008080;\">Heloo This is new <span style=\"color: #0000ff;\">document</span> <span style=\"background-color: #ffffff;\"> TEXTT HHHH<strong>Hhhhhhhh</str
浏览 3提问于2020-02-06得票数 3
回答已采纳
我正在编辑wordpress主题，并注意到样式表设置
font-family: inherit;
在大多数元素上。由于所有字体在默认情况下都是继承的，那么在任何情况下，字体家族: inherit；在元素上有任何效果吗？
浏览 4提问于2013-10-15得票数 1
回答已采纳
我有以下代码来检索特定文本div的字体系列，以便将其设置为编辑器的下拉(选择)字体选择器：
//getter for fontFamily
function getFontFamily(inner) {
var fontFamilyVal = $(inner).css("font-family");
console.log('current font family is ' + fontFamilyVal)
$("select#fontFamily option").each(fun
浏览 4提问于2013-10-05得票数 0
回答已采纳
我一直看到像font: 16px/28px 'Open Sans', 'Helvetica', sans-serif;这样的字体样式，但我就是找不到16px/28px是什么意思。为什么定义了两种不同的字体大小？
浏览 3提问于2013-04-09得票数 4
回答已采纳
1回答
我希望我的图标在我的文本旁边垂直居中，但有奇怪的大小差异，这使它变得困难。
为什么我的图标字体呈现这些奇怪的大小差异？
我使用Bootstrap中使用的图标字体方法(使用psuedo元素: put将内容放入)。
这是<i class='icon'></i>大小。
这是<i class='icon'></i>：之前的大小。为什么会有所不同？
HTML：
<h2>
<i class="ss-picture"></i>
Creatives
&
浏览 0提问于2014-12-18得票数 0
在Android中，你可以使用比例无关的像素(sp)来设置字体大小，以考虑设置中选择的。
android:textSize="26sp"
在iOS中，你可以使用来做类似的事情。
label.font = UIFont.preferredFont(forTextStyle: .body)
label.adjustsFontForContentSizeCategory = true
如何在Flutter中做同样的事情呢？
浏览 4提问于2019-02-02得票数 17
回答已采纳
我有一个页面，它是一个cms/wysiwyg/ms单词噩梦。
它从数据库中提取许多文本段落，其中一些保留了ms奇怪的html标记-包括字体声明！啊！
在一句话中，我可以有这样的东西：
<span style="font-family:Verdana">this is some</span>
<span style="font-family:arial">ugly text!</span>
我想知道是否有一种方法可以删除所有的字体系列和字体大小样式，以便它们可以适应主样式表css？
如果可以避免的话，我不想陷入大规模
浏览 0提问于2013-12-05得票数 9
回答已采纳
2回答
我在CSS中寻找一种方法，将文本输入的高度设置为正常高度的百分之一，如果没有声明高度，自然会给出给定的字体家族/字体大小。我不是在找它在里面的高度的百分之一。就像这样：
CSS：
#container {
height: 100%;
width: 100%;
}
input {
width: 100%;
background: orange;
height: [I want this 150% of the height normally assigned to the element]
font-family: inherit;
fon
浏览 0提问于2012-09-02得票数 2
回答已采纳
1回答
我希望覆盖默认的字体大小，重量和风格的tabBadge在离子2，以维护可用的房地产在不同的形式因素。
<ion-tabs tabsHighlight="true">
<ion-tab [root]="tabOne" [tabBadge]="badgeOne" [tabTitle]="titleOne"></ion-tab>
<ion-tab [root]="tabTwo" [tabBadge]="badgeTwo" [tabTitle]=&#
浏览 1提问于2016-12-27得票数 1
我的想法是，我们总是可以在电子表格中更改主题，而HTML侧边栏样式在重新打开边栏后也会更改，这取决于电子表格主题。
首先，我从我的电子表格主题得到颜色和字体样式。我可能得到了不正确的价值，但这是我迄今所做的
function getFont() {
return SpreadsheetApp.getActiveSpreadsheet().getSpreadsheetTheme().getFontFamily()
}
function getBG() {
return SpreadsheetApp.getActiveSpreadsheet().getSpreadsheetTheme()
浏览 2提问于2020-05-17得票数 1
回答已采纳
我有UILabel，行数=2系统字体大小= 15最小字体大小=8换行模式-截断尾部
当我为UILabel设置具有NSString类型的长文本时，它工作得很好，并且可以显示多行文本(如果需要可以缩放)。当我尝试设置NSAttributedString类型的文本时，它忽略了最小字体大小和自动收缩，所以我看到一行最大字体大小的文本。
这个问题有可能解决吗？
看起来像这样(标签大小是常量)
-----------------------
| normal NSString Text|
| very very long ... |
-----------------------
-------
浏览 4提问于2014-01-23得票数 39
你知道如何让CKEditor字体大小组合框可编辑以允许自定义字体大小吗？
或者，我如何添加我自己的字体大小控件而不是组合框？
例如，我想用输入替换组合框。
浏览 2提问于2016-11-23得票数 1
2回答
我正在从我的网站上删除表格，并且正在学习涉及到的div技巧。我的当前有一个居中的表嵌套在另一个表中。对于刚学习非表方法的人来说，删除外部表有点棘手，但已经完成了。
我的问题是，内表非常容易居中(在CSS中“空白处:0自动”)，但它的不是。如果我指定了一个绝对宽度(比如640px)，div就会居中，但由于我是使用用户的字体大小(而不是我指定的字体大小)进行设计的，所以我不知道对于一个给定的用户，它实际上有多宽。
我已经简化了主页并使其在线(和在这里是test.html的概述。
对于所有的链接，我很抱歉。但是在另一个浮动的东西里面有一个浮动的东西，我不知道什么是相关的。文件test.html包含6
浏览 0提问于2013-01-12得票数 1
回答已采纳
我在使用@angular/material <mat-card-content/>和input时遇到了一个问题，因为matInput有一个font-size: inherit，当我把它放在<mat-card-content/>中时，输入的字体大小会更改为14 is，当这个组件的外部是16 is时，这里是一个示例。这是故意的还是窃听器？这是一个
浏览 0提问于2019-06-27得票数 2
中文本区域的字体大小比输入字段中的字体小，如何使它们的大小相同？
body {
font-family: 'Montserrat';
font-size: 30px;
}
input,textarea {
margin: 0;
padding: 0;
width: 100%;
}
textarea {
font-family: inherit;
}
浏览 5提问于2018-10-07得票数 3
我是HTML和CCS的新手。我希望有一个不可见的链接，但我不想直接设置'a‘标记的样式，而是设置它的父元素的样式，这样它就变得不可见了。
这就是我试过的：
div {
color: white;
border: none;
}
a {
color: inherit;
border: inherit;
}
a:link {
text-decoration: none;
}
<html>
<body>
<div><a href='/trap'> inherit </a></d
浏览 1提问于2018-09-04得票数 0
回答已采纳
1回答
在我的游戏中，我想有一个聊天室，用户可以输入任意文本。我不认为位图字体对我有用，因为它必须包括多语种字符和表情符号(这可能是错误的，但我的假设是，位图字体是最适合当你有一个小的字符集，你想在游戏中画文字)。字体渲染应该是清晰和干净的高密度屏幕。
我使用的是libGDX，虽然解决方案不需要libGDX细节，但是要注意，这也必须在webGL上下文中运行，所以某些解决方案可能不适用。
这样的任意用户文本通常是如何实现的？
浏览 0提问于2015-01-18得票数 0
回答已采纳
uname -a
Linux yyy 4.9.0-4-amd64 #1 SMP Debian 4.9.51-1 (2017-09-28) x86_64 GNU/Linux
列出我的操作系统中所有的中文字体。
fc-list |grep "宋"
/usr/share/fonts/truetype/arphic-gbsn00lp/gbsn00lp.ttf: AR PL SungtiL GB,文鼎ＰＬ简报宋:style=Regular
/usr/share/fonts/truetype/arphic-bsmi00lp/bsmi00lp.ttf: AR PL Mingti2L Big
浏览 0提问于2018-03-27得票数 1
回答已采纳
2回答
为什么在这个示例中输入获得的是Ubuntu字体而不是monospace字体？
这是一些HTML代码中的一个很小的示例，在这些代码中，输入被嵌套得更深--但是有同样的效果。
对于我必须专门设置或继承font-family的元素，是否有一条通用规则？输入，标签，按钮，…
用这样的东西是不是个坏主意？
body * { font-family: xxx; }
我想要做的是设置一个“全局字体”，并可选择设置其他字体家族的元素，这是需要的。认为这是通过将其设置在html, body { }上实现的。显然不是。
样本代码：
html, body {
font-family: monospace;
浏览 1提问于2019-08-27得票数 1
回答已采纳
1回答
我正试图在一个变量中继承全局字体家族。然而，这是行不通的。
:root {
--special-font: sans-serif;
}
html {
font-family: serif;
}
.highlight {
font-family: var(--special-font);
}
.special {
--special-font: inherit;
}
/* .special {
--special-font: serif;
} */
/* .special .highlight {
font-family: inherit;
} */
&
浏览 7提问于2022-11-25得票数 0
回答已采纳
现在我正在使用UIAlertController，我正在尝试改变操作按钮的字体大小(Ok和Cancel)，但是我还没有找到任何解决方案。
有人能给我一个解决方案吗？
谢谢
浏览 14提问于2017-07-20得票数 1
我试图从包含Selenium WebDriver不同字体的html文件中生成图像。但是当我截图时，我得到的图像总是返回相同的字体，而不是在html文件中返回相同的字体。有人知道如何处理这个问题吗？
python中的代码示例
字体在html：Parkavenue，草书，但我们从屏幕截图中得到的字体是Arial。
## python
html ="""
<html>
<head>
<style>
html{background-color: white}
table
浏览 2提问于2020-05-13得票数 0
我正在为我的网站使用Lucida Grande字体，当我将字体大小放大时，比如30px，两个相邻行中的字体在某种程度上重叠。如何使用CSS在这两行之间设置间距？
浏览 0提问于2010-09-01得票数 4
回答已采纳
1回答
对于将CSS应用于Xpage中的一些dojo元素，我感到困惑。
我有一个CSS样式表，其中包含以下内容：
.formFields {
color: rgb(5, 56, 107);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 18px;
text-align: left;
width: 400px;
}
我有一个包含以下代码的示例测试页面：
<?xml version=&#
浏览 3提问于2014-09-16得票数 0
回答已采纳
我希望能够控制我的网页通过HTML尽可能多。
因此，我很希望能做到这一点
<p class="largeFont">Hello</p>
<p class="largeFont largeFont">Hello</p>
<p class="largeFont largeFont largeFont">Hello</p>
正如您所看到的，我只是在增加同一个类的使用次数。这不管用。
我希望是这样，因为.largeFont是
.largeFont {
font-size: 1
浏览 3提问于2019-10-21得票数 1
回答已采纳
我想使用流动式字体大小与代码从。但是我的CSS Meyer重置(字体: inherit;)似乎覆盖了代码。我也不知道原因?以下是代码：
CSS重置css：
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u
浏览 5提问于2020-04-04得票数 0
回答已采纳
我有一个电子邮件客户端，允许用户改变字体，字体大小，粗体，斜体等。
我遇到的问题是，当我试图向上或向下更改所选内容的字体大小时，我会得到一个"EVariantTypeCastError“，其消息为”无法将Null类型的变体转换为OleStr类型“。将在TextRange.queryCommandValue('FONTSIZE')上抛出此异常。
procedure TForm1.act_FontIncreaseExecute(Sender: TObject);
var
Selection: IHTMLSelectionObject;
HtmlPage: I
浏览 11提问于2016-10-18得票数 1
回答已采纳
我有一个UITextField，当我尝试在那个UITextField上使用setText时，字体大小和样式会自动改变。我只初始化textField一次，然后更改帧(大小保持不变，而原点更改)。这有什么特别的原因吗。可能是我错过了设置属性来保持文本样式的一致性。我试着寻找解决方案，但7个小时后仍未找到任何信息。
浏览 1提问于2015-08-11得票数 0
我已经在我的web应用程序中集成了bootstrap。在Firefox中，所有的字形图标都以任何字体大小进行像素化。在Chrome中，可以正确渲染。可能的问题是什么？
Img：
这是从图标所在的:before元素中的检查中收集到的CSS (注意，其中一些可能被划掉了，但复制/粘贴没有保持)
button.table-btn.view::before {
content: "\e086";
}
button.table-btn::before {
font-family: 'Glyphicons Halflings',serif;
f
浏览 4提问于2016-06-16得票数 0
我使用以下脚本(jquery需要cookie插件)来允许启用javascript的用户更改医疗慈善网站上的字体大小：
var sitefunctions = {
textresize: function () {
var $cookie_name = "TextSize";
var originalFontSize = $("html").css("font-size");
// if exists load saved value, otherwise store it
浏览 4提问于2010-10-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
