underline 相关问题

在我的代码容器中（高度：1，颜色：UtilColors.grey），没有给出预期的输出容器（边距：EdgeInsets.only（左：52，右：48），子项：下拉按钮在我的代码中Container(height: 1, color: UtilColors.grey),没有给出预期的输出 Container( margin: EdgeInsets.only(left: 52, right: 48), child: DropdownButton<String>( isExpanded: true, //Container(height: 1, color: UtilColors.grey), value: _selectedUser, items: _userTypes.map((String value) { return new DropdownMenuItem<String>(value: value, child: new Text(value)); }).toList(), /* decoration: InputDecoration(contentPadding: EdgeInsets.only(left: 15), suffixIcon: IconButton(onPressed: () { // _userTypes.map((String value){return new DropdownMenuItem<String>(value: value, child: new Text(value));}).toList(); }, icon: Icon(null),)),*/ icon: Icon(Icons.keyboard_arrow_down), hint: Text(UtilString.userType), onChanged: (value) => setState(() => _selectedUser = value), ), ), 终于用 DropdownButton 找到了解决方案 - 下划线：容器（高度：2，颜色：Colors.deepPurpleAccent,), 这将更改下拉菜单下划线颜色。 DropdownButtonFormField( decoration: InputDecoration( focusedBorder: new UnderlineInputBorder( borderSide: BorderSide( color: Colors.black ),), enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: Color(0xff22a39f), width: 2), ), ), // iconEnabledColor: Color(0xff22a39f), hint: Text("اختر صنف"), value:selectedValueInDropDpownM , items: choosenResala?.ctegoriesDetails.map(( value) { return DropdownMenuItem<String>( value: value.catName, child: Text(value.catName,style: TextStyle( fontSize: screenWidth * 0.013, fontWeight: FontWeight.w400,color: Colors.black ),), ); }).toList(), onChanged: ( newVal) { setState(() { selectedValueInDropDpownM=newVal as String?; }); }, )

flutter colors dropdown underline

回答 2 投票 0

在 xterm 中，我可以关闭粗体或下划线而不重置当前颜色吗？

我正在处理输入（来自但仅限于 ls -la --color 等来源）并在文本的某些部分下划线。我不会逐个字符地处理这些输入，而是有很多常规的

bash formatting ansi-escape underline xterm

回答 2 投票 0

如何使用 CSS 创建特定文本下划线

我可以用 CSS 完成不同样式的“下划线”，但它是直的、波浪形的或点状的。现在我遇到了一种我喜欢的不同风格，但我不知道如何实现这一点。这是...

css text styles underline

回答 1 投票 0

有没有办法调整此代码，以便它为多行文本添加下划线？

#full-service-creative-studio::after { 内容： ””; 位置：绝对；左：20 像素；底部：10 像素；宽度：103%；高度：28像素；背景：#46989C； z 索引：-1； } #full-service-creative-studio::after { content: ""; position: absolute; left: 20px; bottom: 10px; width: 103%; height: 28px; background: #46989C; z-index: -1; } <h1 id="full-service-design-studio">Full Service Design Studio</h1> 目前它对于单行效果很好，但当我们缩小到移动视图时，它只会强调文本的底线。有没有办法让它在每一行下划线？我想你正在寻找的是： #full-service-design-studio{ text-decoration: underline #46989C; } 伪选择器 ::after 会将线放在 h1 ELEMENT_NODE 下方，而不是 TEXT_NODE 元素中包含的 h1。你需要的是一个CSS类 .underline::after { text-decoration: underline #46989C; } 目前，您正在使用 id 选择器来应用 css，这就是为什么它仅适用于单行，使用 class 作为选择器，您可以将相同的样式应用于多个元素。关键在于 CSS id 选择器用于仅查找 1 个元素。而 classes 用于在各种 HTML 标签中应用通用样式。希望这个w3school链接可以帮助您理解

html css underline

回答 2 投票 0

Tkinter 标签小部件中的下划线文本？

我正在做一个项目，需要我在 Tkinter Label 小部件中给一些文本加下划线。我知道可以使用下划线方法，但我似乎只能让它在 ...

python windows label tkinter underline

回答 8 投票 0

如何更改 MaterialUI 的 React Tabs 组件的下划线颜色？

我注意到 MaterialUI 的网站上没有关于更改其选项卡组件下划线颜色的文档...... http://www.material-ui.com/#/components/tabs

reactjs tabs material-ui underline

回答 5 投票 0

如何限制下划线的宽度和固定位置到中间？

我试图在我一直在开发的网站的标题中添加下划线。此下划线在悬停或活动页面时有效，问题是我无法弄清楚将下划线居中...

css elementor underline

回答 2 投票 0

如何在 visual studio 中修复边缘和白色粗体中的自动下划线字词，改写

可能是我按下了我不知道的按钮......它就像视觉工作室中的[in visual studio]（https://i.stack.imgur.com/tOCTl.png）在计算器中在边缘我想把它修成

text key typing underline bold

回答 0 投票 0

Underline datepicker unfocused Net Maui

我正在 Net Maui 中构建一个应用程序，我注意到在各种选择器、日期选择器和输入字段中的文本下方出现一条黑线，即使未选中该框也是如此。为什么这样...

datepicker maui underline

回答 1 投票 0

链接上的下划线动画

我想在链接上制作下划线动画这是我的 html 费尔德曼我想在链接上制作下划线动画这是我的html <header> <div class="title"> <p>feldman</p> </div> <nav> <a href="intro.html">Intro</a> <a href="about.html">About</a> <a href="fieldman.html">Services</a> <a href="project.html">Project</a> <a href="contact.html">Contact</a> </nav> </header> 我的CSS： a::after{ content: ""; position: absolute; width: 0%; height: 1px; display: block; background-color: black; transition: width 0.2s ease-in-out; } a:hover:after{ width: 100%; } 问题是当我把光标放在链接上时所有链接都带下划线我想要一个解决方案来解决下划线应该只在一个链接上的问题现在我的CSS： nav a{ color: black; text-decoration: none; margin: 6px; width: calc(100%/5); padding: 3px 4px 3px 5px ; line-height:1; position: relative; display: inline-block; } nav{ margin-top: 9px; margin-right: 18px; width: 40%; height: 75%; display: flex; justify-content: center; margin: auto 10px; } header{ display: flex; justify-content: flex-end; } 显然还有一些其他样式未包含在您的代码片段中，但至少您需要向锚标记添加 position: relative 以便 ::after 伪元素应用绝对位置相对于 <a> 而不是最近定位的祖先是什么。您还需要在锚点上指定display: inline-block，以便它们能够正确地处理注入的内容。 a { position: relative; display: inline-block; } JS小提琴在这里输出：更新以反映编辑后的问题因为你在 <a> 样式中有填充，你可以在你的 ::after 样式中乱用偏移量（可能不是一个好主意，然后需要在两个地方进行任何更改），或者只是引入一个包装元素围绕文本，例如 <a href="intro.html"><span class="label">Intro</span></a> <a href="about.html"><span class="label">About</span></a>  然后将 display / position 样式应用于 .label 元素，并更新您的伪元素以挂起 .label 而不是锚点。 JS小提琴在这里您可以尝试将链接放在 ul 标签中，然后使用 ul { display: flex; 修改 css；弹性包装：包装； justify-content: left;} 并改变宽度 %.

underline

回答 2 投票 0

下划线与填充物。非链接

下面这行CSS是否可以为常规的下划线添加padding？不是链接，只是当我在一个或多个单词下划线以强调时。似乎没有什么变化。.underline { padding-bottom: ...

css padding underline

回答 1 投票 0

underline 相关问题

最新问题