草庐IT

element-hover

全部标签

html - 为什么 IE 11 不渲染 :after element, 显示 css 在开发工具中被划掉?

我有一个Angular应用,在给定屏幕上有两个字体图标。这些在chrome、firefox和edge中呈现得很好,但在IE11上它们不显示。图标将呈现为:after伪类的content,根据我的研究,它应该在IE9及更高版本上正常工作。但是,在IE上,这些根本不会呈现。如您在屏幕截图中所见,:after元素不在开发工具中显示的DOM中,并且css是正确的,但在开发工具中显示为划线:在显示问题的屏幕中编译并实际使用的相关CSS如下所示:.profile-picture[_ngcontent-vem-9]:after{font-family:MaterialIcons;content:"\

html - 为什么 IE 11 不渲染 :after element, 显示 css 在开发工具中被划掉?

我有一个Angular应用,在给定屏幕上有两个字体图标。这些在chrome、firefox和edge中呈现得很好,但在IE11上它们不显示。图标将呈现为:after伪类的content,根据我的研究,它应该在IE9及更高版本上正常工作。但是,在IE上,这些根本不会呈现。如您在屏幕截图中所见,:after元素不在开发工具中显示的DOM中,并且css是正确的,但在开发工具中显示为划线:在显示问题的屏幕中编译并实际使用的相关CSS如下所示:.profile-picture[_ngcontent-vem-9]:after{font-family:MaterialIcons;content:"\

html - CSS:为大下行字体制作厚 <a:hover> 下划线的正确方法

我是CSS初学者。基本上我有以下html:ОнасГалерея我想在我的a标签上悬停时有一个粗下划线,但我使用了带有大下行的自定义字体,所以如果我为此使用常见的技巧:a:hover{text-decoration:none;border-bottom:2pxsolid;padding:0;margin:0;}下划线远低于基线:但我希望它看起来像这样:我试着这样做:ОнасГалерея.over{font-size:30px;height:30px;//makesthetextoverlapthiselementoverflow:visible;}.over:hover{border

html - CSS:为大下行字体制作厚 <a:hover> 下划线的正确方法

我是CSS初学者。基本上我有以下html:ОнасГалерея我想在我的a标签上悬停时有一个粗下划线,但我使用了带有大下行的自定义字体,所以如果我为此使用常见的技巧:a:hover{text-decoration:none;border-bottom:2pxsolid;padding:0;margin:0;}下划线远低于基线:但我希望它看起来像这样:我试着这样做:ОнасГалерея.over{font-size:30px;height:30px;//makesthetextoverlapthiselementoverflow:visible;}.over:hover{border

vue+element-ui 实现下拉框滚动加载

vue+element-ui实现下拉框滚动加载一、el-select组件绑定属性二、自定义滚动指令三、绑定方法该功能是由自定义滚动指令结合下拉框:remote-method远程搜索实现的一、el-select组件绑定属性el-selectclearablev-model="form.materialId"v-el-select-loadmore="loadmore"placeholder="请选择序列"filterableremote:multiple="type=='add'?true:false":remote-method="remoteMethod":loading="selectLo

html - 两个带有空白 :nowrap elements inside a flex container 的 50% div

我想要一个包含两个50%宽度子div的父div,子div随内容调整大小。其中一个有一个带有white-space:nowrap;的h3,这会导致div增长超过50%。我可以使用min-width:0;强制div返回到50%宽度,但是h3现在溢出了。所以我要么在子div上获得不同的宽度,要么在其中一个div中从h3溢出。是否有可能使它们具有相同的50%宽度,即使是内部有white-space:nowrap;的元素?在这里查看问题:http://codepen.io/anon/pen/VjPwLm?editors=1100#parent{background:whitesmoke;disp

html - 两个带有空白 :nowrap elements inside a flex container 的 50% div

我想要一个包含两个50%宽度子div的父div,子div随内容调整大小。其中一个有一个带有white-space:nowrap;的h3,这会导致div增长超过50%。我可以使用min-width:0;强制div返回到50%宽度,但是h3现在溢出了。所以我要么在子div上获得不同的宽度,要么在其中一个div中从h3溢出。是否有可能使它们具有相同的50%宽度,即使是内部有white-space:nowrap;的元素?在这里查看问题:http://codepen.io/anon/pen/VjPwLm?editors=1100#parent{background:whitesmoke;disp

【Vue3】报错:The template root requires exactly one element

一:报错原因:    标签中,根标签有多个,如:        二:解决办法:    1:用div标签包住就行了    2:在vue的.eslintrc.js文件中配置:                 "vue/no-multiple-template-root":'off' rules:{'no-console':process.env.NODE_ENV==='production'?'warn':'off','no-debugger':process.env.NODE_ENV==='production'?'warn':'off',//关闭模板只能存在一个根标签的校验规范"vue/no-

html - 验证错误 "Bad value apple-touch-icon-precomposed for attribute rel on element link: Keyword apple-touch-icon-precomposed is not registered."

我在w3CHTML5验证器中遇到这个错误Line9,Column101:Badvalueapple-touch-icon-precomposedforattributerelonelementlink:Keywordapple-touch-icon-precomposedisnotregistered.…-icon-precomposed"sizes="72x72"href="images/sl/touch/m/apple-touch-icon.png">Syntaxoflinktypevalidfor:Awhitespace-separatedlistoflinktypesliste

html - 验证错误 "Bad value apple-touch-icon-precomposed for attribute rel on element link: Keyword apple-touch-icon-precomposed is not registered."

我在w3CHTML5验证器中遇到这个错误Line9,Column101:Badvalueapple-touch-icon-precomposedforattributerelonelementlink:Keywordapple-touch-icon-precomposedisnotregistered.…-icon-precomposed"sizes="72x72"href="images/sl/touch/m/apple-touch-icon.png">Syntaxoflinktypevalidfor:Awhitespace-separatedlistoflinktypesliste