首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在mat-form-field内设置行高时,IE11中的输入文本跳转

是由于IE11对于行高的计算方式与其他浏览器不同导致的。在IE11中,行高的计算方式是基于字体的,而不是基于元素的高度。因此,在设置行高时,如果行高大于元素的高度,输入文本会出现跳转的情况。

为解决这个问题,可以尝试以下方法:

  1. 使用固定高度的容器:将mat-form-field包裹在一个固定高度的容器中,确保容器的高度大于等于设置的行高。
  2. 调整字体大小:尝试调整输入文本的字体大小,减小字体大小可以避免行高超过元素高度。
  3. 使用padding代替行高:可以使用padding属性来调整元素的上下间距,而不是使用行高。这样可以避免IE11中的输入文本跳转问题。
  4. 使用其他浏览器兼容性解决方案:如果以上方法无法解决问题,可以考虑使用其他浏览器兼容性解决方案,例如使用CSS Hack或者JavaScript检测浏览器版本并应用不同的样式。

总结起来,解决在mat-form-field内设置行高时,IE11中的输入文本跳转问题的关键是调整行高的计算方式或者使用其他方式替代行高。具体的解决方案需要根据实际情况进行调整和尝试。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HTML知识清单(附学习网站)

DOCTYPE html> HTML5中的文档约束(DTD),代表使用的是H5格式 2、标签 在书写超链接时,必须在域名前写上:http://¬¬¬¬对搜索引擎优化,添加关键字、描述、作者...、版权等信息 设置自动刷新网页 禁止网页缓存 3、body内的常用标签 a) 标题标签 分为h1-h6,字体由大到小,会自动换行 —align:调整对齐方式 b) 分割线标签...—width:分割线水平宽度 —color:颜色 —size:垂直宽度 c) 段落标签 在两个段落之间会有段间距,适合排版时使用 — :空格 d) 预文本标签 按照书写方式输出...-cellpadding 内容和单元格的距离 -colspan 合并列 -rowspan 合并行 -bgcolor 背景色 –tr 表格行(height指定行高) –td 表格列(...邮箱输入框 -number 数字输入框 -range 滑动器输入框 -date、week、moth 日期输入框 -color 颜色输入框 H5中的音频标签 -src

2.2K10

Ng-Matero v15 正式发布

本文主要聊一下 Ng-Matero 升级 v15 时遇到的一些问题及感触。同时也简单说一下近期在 v14 中新增的几个功能。...在外国友人的帮助下,14.6.0 终于加上了时间输入功能,效果如下所示: 在线体验地址 时间输入功能默认是关闭的,需要添加 timeInput 参数启用该特性。...侧边栏导航的焦点管理 侧边栏导航的聚焦功能是在 14.3.0 中添加的,可能很多人没有注意到这个不显眼的功能(使用 TAB 键即可快速的切换焦点,按 space 或者 enter 键可以展开收起二级菜单...,按 enter 键可以跳转路由)。...比较坑的是外层容器使用了 overflow: hidden 属性,影响到了 Material Extensions 中的 select 组件,暂时通过设置默认参数 appendTo="body" 临时修复

5.5K40
  • IE 11浏览器0day漏洞(CVE-2015-2425)UAF分析

    每一行描述当前的一个栈帧,最上面的一行描述的是当前指令的返回地址: ?...弄清楚后我们回到崩溃点所在的函数内,选择在call [ebp-1Ch]处下断点,断点会多次触发,触发5次后,停下,步入函数看: ?...edi是作为参数传入UpdateThunkEntryPoint的,并且在函数内没有被改变,那么还要往回追踪,经过回溯,从CheckCodeGenDone函数开头开始跟,由于中间还有跳转,所以edi的值还会改变...重启后在第五次断在63e0631b时,ebx指向了ScriptFunction对象,这时看一下触发漏洞的指针,然后在第六次时看一下指针: ?...断点触发时,09f90000还没有被释放,函数返回时已经被释放了,内存就是用FreeAllocations来释放,在EmitBufferManager类中还有NewAllocation函数,应该是分配内存的函数

    1.3K70

    CodeWave系列:3.CodeWave 智能开发平台 页面布局及呈现

    只读:正常显示,但禁止选择或输入。 禁用:置灰显示,且禁止任何交互(焦点、点击、选择、输入等)。 文本:组件中需要展示的文本内容。...数据表格具备行和列结构,当用户需要查找或整理数据时,数据表格可以轻松地进行数据过滤和排序,整合符合要求的数据并展示在表格中。...单行输入: 提供可输入单行文本的输入框,通常用于接收短文本输入,例如用户名、密码、搜索关键字等。...在自由布局组件内的组件会遵循自由布局提供的布局策略,例如拖拽调整宽高和位置,基于辅助线对齐等等。...选择跳转页面P5_1_CommunityLink(社区跳转页面),可以设置高锚点和页面打开方式,完成设置后,发布预览后即可查看效果。

    35610

    8 个 DOM 功能

    scrollTo() 方法用于在窗口或元素中平滑滚动 平滑滚动总是经常被用到的。当点击本地页面链接并立即跳转到指定位置时(如果你眨眼,甚至可能会错过跳转过程),这会显得很突兀。...使用 normalize() 和 wholeText 操作文本节点 HTML 文档中的文本节点可能会很复杂,尤其是当动态插入或创建节点时。...() 将会合并该元素内的任何相邻的文本节点。...请注意以下演示: CodePen:https://codepen.io/impressivewebs/pen/MRymba 你可以将自己的文本添加到输入字段,然后使用该按钮将其添加到文档中。...Firefox 只允许最多三次点击,然后计数再次开始 我已经包通过包含 blur 和 focus 来证明这些不符合条件并且总是返回0(即没有点击) 在 IE11 等旧版浏览器中的行为严重不一致 请注意,

    1.8K20

    IDEA + Vim,竟可以这么牛逼!!

    ScrollOff参数 启动Intellij后在Vim模拟器下输入命令:set so=5可以令屏幕滚动时在光标上下方保留5行预览代码(也就是光标会在第5行触发向上滚动,或者在倒数第5行触发向下滚动)。...区别在于前者在输入行号时屏幕上没有任何提示,后者则在Vim命令输入框中可以看到输入过程。...自动缩进范围内的文本 gU -将范围内的字符转换为大写 gu -将范围内的字符转换为小写 > -将范围中的内容缩进一格 -将范围中的内容取消缩进一格 常用的范围指令有...过程中可按o键令光标在选区两端切换。 在块选择模式中选中多行,然后按I或A后输入文本,再退出插入模式,所输入的文本将自动加入到每一行的开头或结尾。...在Idea中录制宏时,如果触发了代码自动完成,在自动完成列表启动的状态输入的字符不会被记录。

    2.9K10

    python中的ideavim有什么作用_IdeaVim插件施用技巧

    ScrollOff 参数启动Intellij后在Vim模拟器下输入命令 :set so=5 可以令屏幕滚动时在光标上下方保留5行预览代码(也就是光标会在第5行触发向上滚动,或者在倒数第5行触发向下滚动)...区别在于前者在输入行号时屏幕上没有任何提示,后者则在Vim命令输入框中可以看到输入过程。(题外话:Sublime Text 2也是用 :行号 来快速定位到某行,应该是沿用了Vim的习惯)4....这类命令常用的有:d – 删除一定范围内的文本c – 删除一定范围内的文本并进入插入模式y – 将范围内的文本放入0号和”号注册栏v – 选择范围内的文本= – 自动缩进范围内的文本gU – 将范围内的字符转换为大写...但只有删除超过1行时才会影响寄存器1至9,行内的删除内容则会被存入寄存器-(减号)。如果用q命令录制宏时不涉及跨行删除,可以在宏中直接使用这9个寄存器来暂存文本。...在Idea中录制宏时,如果触发了代码自动完成,在自动完成列表启动的状态输入的字符不会被记录。

    1.5K30

    JavaScript(进阶)

    (Element),代表网页中的标签 属性节点(Attribute),代表标签中的属性 文本节点(Text),代表网页中的文本内容 # DOM查询 在网页中浏览器已经为我们提供了document对象,它代表的是整个网页...,加载一行执行一行。...# 绑定事件的方式 可以在标签的事件属性中设置相应的JS代码 例子: 可以通过为对象的指定事件属性设置回调函数的形式来处理事件 例子: # 事件对象 当响应函数被调用时,浏览器每次都会将一个事件对象作为实参传递进响应函数中...); //数字 48 - 57 //使文本框中不能输入数字 if(event.keyCode >= 48 && event.keyCode <= 57){ //在文本框中输入内容,属于onkeydown...的默认行为 //如果在onkeydown中取消了默认行为,则输入的内容,不会出现在文本框中 return false; } }; 1 2 3 4 5 6 7 8 9 10 11 复制 --

    1.5K20

    说实话,Intellij IDEA 自带的 Vim 插件真心不错。。。

    ScrollOff 参数 启动Intellij后在Vim模拟器下输入命令 : set so=5 可以令屏幕滚动时在光标上下方保留5行预览代码(也就是光标会在第5行触发向上滚动,或者在倒数第5行触发向下滚动...区别在于前者在输入行号时屏幕上没有任何提示,后者则在Vim命令输入框中可以看到输入过程。 (题外话:Sublime Text 2也是用 :行号 来快速定位到某行,应该是沿用了Vim的习惯) 4....过程中可按o键令光标在选区两端切换。 在块选择模式中选中多行,然后按I或A后输入文本,再退出插入模式,所输入的文本将自动加入到每一行的开头或结尾。 7....n行) L 跳转到屏幕底端(如果设置了set so=n,则跳转到倒数第n行) M 跳转到屏幕中间 f 或 F 跳转到本行某个字符,小写f向右查找,大写F向左查找。...在Idea中录制宏时,如果触发了代码自动完成,在自动完成列表启动的状态输入的字符不会被记录。

    13.6K42

    Excel 基础篇

    -- 常用公式 Rand,生成0到1之间的随机数 语法:= rand() Len,文本函数求出参数的长度(每个字占1位) 语法:=len() Now,日期时间函数中求出系统当前的日期时间 语法:=now...-- 常规 --- 新建工作簿时:设置字号和字体 ---- 单个工作表另存为excel文件: 在工作表标签上右键 -- 移动或复制 -- 移动到”新工作簿” 让标题行始终显示在最上面: 视图 - 冻结窗格...光标定位到第三行 -- 视图 --- 冻结窗格 --- 冻结拆分窗格 调整excel工作表显示比例: 按ctrl+滚轮 (通用于调整比例) ---- 单元格内输入文本后跳转到下个单元格: Tab 键 右方...;Enter 键 下方 ;alt+回车键 换行 输入身份证号或以0开始的数字: 设置单元格格式-- 数字 --- 文本 隐藏单元格内所有值: Ctrl+1打开单元格设置窗口 -- 数字 -- 自定义 -...- 右边文框中输入三个分号 ;;; 自定义单元格格式代码,0 表示数字...请细品...

    2.3K20

    JS魔法堂:浏览器模式和文档模式怎么玩?

    一、前言                                         从IE8开始引入了文档兼容模式的概念,作为开发人员的我们可以在开发人员工具中通过“浏览器模式”和“文档模式”(IE11...现在大伙应该清楚这货就是用来设置navigator.userAgent和navigator.appVersion的。    它唯一需要注意的是,在不同的IE版本中,它与文档模式的关系可不相同。    ...IE89中,倘若浏览器模式被设置为Internet Explorer7,那么文档模式的只能设置为7,6,5;    IE11中,用户代理字符串设置和文档模式可谓是没有半毛钱关系。...通过在head标签内加入如的元数据标签(该例子将文档模式设置为IE7标准模式);   3. 通过在IE11时设置是无效的,只有在开发工具中设置才有效果。

    2K80

    【JS】328- 8个你不知道的DOM功能

    如果将 once 值改为 false ,则可以点击多次,每次点击都可以添加一行文本。...浏览器中对 options 对象支持的非常好:除了IE11及更早的版本外,所有浏览器都支持它,因此如果你不担心微软浏览器,那就可以使用它。...scrollTo() 用于窗口或元素是否平滑滚动 平滑滚动是必要的。当前页面链接跳转到制定位置时(如果你不注意,就一闪而过),看起来就很卡。平滑滚动是不仅看起来不错,而且还能改进页面用户体验。...使用 normalize() 和 wholeText 来操作文本节点 HTML 文档中的文本节点可能很不容易操作,特别是动态插入或者创造节点时。...将合并该元素内的任何相邻文本节点。

    1.5K10

    工作中必会的57个Excel小技巧

    ..”勾选 2、隐藏单元格内所有值 ctrl+1打开单元格设置窗口 -数字 -自定义 -右边文框中输入三个分号;;; 3、隐藏编辑栏、灰色表格线、列标和行号 视图 -显示 -去掉各项的勾选 四、单元格选取...选取最下/最右边的非空单元格 按ctrl +向下/向右箭头 5、快速选取指定大小的区域 在左上的名称栏中输入单元格地址,如a1:a10000,然后按回车 五、单元格编辑 1、设置单元格按回车键光标跳转方向...整行选取复制 -粘贴后点粘贴选项中的“保留列宽” 4、输入到F列时,自动转到下一行的首列 选取A:F列,输入后按回车即可自动跳转 5、设置三栏表头 插入 -形状 -直线 -拖入文本框中输入的字体并把边框设置为无...7、输入身份证号或以0开始的数字 把单元格格式设置成文本,然后再输入 8、快速删除空行 选取表中某列 - ctrl+g定位 -定位条件 -空值 -删除整行 9、快速插入空行 在表右侧输入序号1,2,3....2、多页强制打印到一页上 页面布局 -打印标题 -页面 -调整为1页宽1页高 3、按厘米设置行高 视图 -页面布局,在页面布局下行高单位是厘米 4、插入分页符 选取要插入的位置 -页面布局 -分页符 -

    4.1K30

    Excel 常用的九十九个技巧 Office 自学教程快速掌握办公技巧

    9、批量处理行高、列宽点击表格内行列,选中需要统一行列的区域,鼠标移至行列之间的线上,待鼠标变化为黑色带双向箭头时候拖拽行标或列标之间的线就能实现行列统一行高列宽距离。...13、快速定位边缘单元格选中数据区域任意一个单元格,鼠标移至单元格的下边框线上,当鼠标箭头变为实心状态时双击单元格下框线,即可快速跳转到该列数据最后一行。...19、设置 Excel 每页显示表头在 Excel 打印预览视图中,点击【页面设置】在对话框中选择【工作表】选项卡,点击【顶端标题行】文本框右侧图标,然后选定表头和顶端标题所在的单元格区域,再单击该按钮返回到...44、求平均值需要求表格内数据的平均值时,在需要求平均值的单元格内输入:=AVERAGE,双击函数后拉取表格区域,再按下回车键就能快速得出区域内数值的平均值。...82、固定长度编号只需要将整列的格式调整成文本格式后,我们再输入 001 就不会变掉了。83、冻结首行单元格全选首行单元格 -【视图】-【冻结窗格】- 选择【冻结首行】即可。

    7.2K21

    html标签详解

    主要通过CSS样式为其赋予不同的表现。 块级元素与行内元素的区别: 所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。...img标签 的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)"> a...指向页面中的锚(href="#top") target属性指定打开链接的目标方式: _blank表示在新标签页中打开目标网页 _self表示在当前标签页中打开目标网页列表 列表 1.无序列表 时,为按钮上显示的文本年内容 type="text","password","hidden"时,为输入框的初始值 type="checkbox", "radio", "file",为输入相关联的值 checked...:radio和checkbox默认被选中的项 readonly:text和password设置只读 disabled:禁用模式(输入框显示灰色),所有input均适用 当type=text的时候,可以设置输入框的默认值

    2.6K110

    HTML语法规范

    块元素中一般什么都能放 但是尤其注意:p元素中不能放任何的块元素 在页面中独占一行的元素称为块元素block element 在页面中一般通过块元素来对页面进行宏观布局 标题标签 HTML中一共有六级标签...,使用p标签来表示一个段落 中间放段落 p标签中的文字,默认会独占一行,并且段和段之间会有一个间 但是如果没有p标签则会出现在一行,并且行与行之间没有间距 在页面中也可以使用...br标签来表示一个换行,br标签是一个自结束标签 ,hr标签也是一个自结束标签,可以在页面中生成一条水平线 在页面中不会独占一行的元素称为行内元素(inline element...self默认值,在当前页面中打开超链接 _blank,在一个新的页面中打开超链接 国内用_blank很多,但是会在不经意间打开很多窗口,所以国外使用_self较多 回到顶部 可以将超链接的href属性设置为...,后数字 跳转到指定位置 只需要将href属性设置为:#目标元素的id属性值 #作为占位符 在开发中可以将#作为超链接的占位符使用 生成随机文本 lorem 格式:

    13710

    Sublime Text的使用

    原因 anaconda插件连接jsonserver服务出现错误 可能是,当anaconda插件尝试连接jsonserver服务时,该服务暂未启动,所以之后在console中输入import socket...建议exec.py在每次升级版本时,通过上述步骤编辑和重新运行,因为新版本中的该文件可能会有重大更改。...举个栗子:快速选中删除函数中的代码,重写函数体代码或重写括号内里的内容。 Ctrl+M 光标移动至括号内结束或开始的位置。 Ctrl+Enter 在下一行插入新行。...举个栗子:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,4、输入#和关键字,查找变量名。...Ctrl+G 打开搜索框,自动带:,输入数字跳转到该行代码。举个栗子:在页面代码比较长的文件中快速定位。 Ctrl+R 打开搜索框,自动带@,输入关键字,查找文件中的函数名。

    1.3K30

    Linux文本编辑器——vim编译器的全面讲解

    当你正在用命令行工作时,你就需要一个可以在控制台窗口运行的文本编辑器。...二 vim 编译器常用的操作命令 vim编辑器中有三种状态模式通过Esc键在这些模式中跳转 • 命令模式:控制光标移动,可对文本进行复制、粘贴、删除和查找等工作 • 输入模式:正常的文本录入 • 末行模式.../g 在整个文件范围内替换所有的字符串“old”为“new”(常用) :s/old/new/c 在替换命令末尾加入c命令,将对每个替换动作提示用户进行确认(常用) 三 vim 输入模式常见操作 3.1...快速进入输入模式 由于vim在命令模式无法对当前文件进行输入操作,必须进入输入模式才能进行文本的输入。...1G 跳转到文件的首行 (常用) G 跳转到文件的末尾行 (常用) #G 跳转到文件中的第#行 (常用) PageUp 进行文本的向上翻页 PageDown 进行文本的向下翻页 作者:神的孩子都在歌唱

    1500

    Linux系列 使用vi文本编辑器

    处于输入模式时,vi编辑器的最后一行会出现“--NSERT--”的状态提示信息。 末行模式:该模式中可以设置vi编辑环境、保存文件、退出编辑器,以及对文件内容进行查找、替换等操作。...处于末行模式时,vi编辑器的最后一行会出现冒号”:”提示符。 命令模式、输入模式和末行模式是vi编辑环境的三种状态,通过不同的按键操作可以在不同的模式间进行切换。...在上述按键操作中,PageDown,Pagn Up,homm,End及方向键同样也可在w的输入模式中使用。 入行间快速跳转 使用按键命令1G或者0可跳转到文件内容的第1行。...使用按键命令G可跳转到文件的最后一行。 使用按键会令#G可院转到文件中的第#行(其中“二”号用高体数字替换)。...替换格式中最末尾的/g部分也是可选内容,表示对替换范围内每一行的所有匹配结果都进行替换,省略/g时将只替换每行中的第一个匹配结果。

    43820

    『知识巩固#1』Html、Css基础整理

    属性在鼠标悬停时显示 width、height 很容易理解,控制图片宽高 路径 相对路径 绝对路径 音频标签audio controls 显示播放的空间 autoplay 自动播放(部分浏览器不支持...文本域标签 一般通过css给其添加行列,即宽高 禁用文本域的拖拽改变大小 label标签 实现点击固定区域便可选中单选框、多选框 使用方法① 用label标签把内容包裹起来 在表单标签上添加...copyright Css 基础认知 css的引入方式 内嵌式 css写入style标签中,通常约定为html文件中的head标签内 外联式 写入单独的.css文件中 通过link...取值为px 或者font-size的倍数 行高 = 上间距 + 文本高度 + 下间距 应用 单行文本垂直居中 可以设置为line-height: 文字父元素高度 注意点 如果同时设置了行高和font...form、header、nav、footer 行内元素 一行可以显示多个 宽高默认由内容撑起 不可以设置宽高 a、span、b、u、i、s、strong、ins、em、del 行内块元素 一行可以设置多个

    4K20
    领券