个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我想改变下拉按钮的颜色，让它看起来像“btn btn-primary”。但它也会改变所有菜单项的颜色，并将它们向右移动。这是原始下拉菜单的样子: 
然后我设计成这样:
<xp_1:dropDownButton id="dropDownButton1">
<xp_1:this.treeNodes>
<xp_1:basicContainerNode label="Open"
styleClass="btn btn-primary">
<xp_1:this.children>
<xp_1:basicLeafNode label="item1">
</xp_1:basicLeafNode>
<xp_1:basicLeafNode label="item2">
</xp_1:basicLeafNode>
<xp_1:basicLeafNode label="item3">
</xp_1:basicLeafNode>
</xp_1:this.children>
</xp_1:basicContainerNode>
</xp_1:this.treeNodes>
</xp_1:dropDownButton>
然后我得到:
那么我如何只设置 OPEN 下拉按钮的样式，但将菜单项保留为默认样式，使其位于按钮下方而不是右侧。我对这种样式有误，所以我也不知道如何添加按钮图标。
生成的 HTML:
<html lang="en">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/.mini/css/@B3r&@B3o&@B3m&@B3p&@B3s.css">
<script type="text/javascript">var dojoConfig = {locale: 'en-us'};</script>
<script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.9.7/dojo/dojo.js"></script>
<script type="text/javascript" src="/xsp/.ibmxspres/.mini/dojo/.en-us/@Iq.js"></script>
<script type="text/javascript">dojo.require("ibm.xsp.widget.layout.xspClientDojo")</script>
<script type="text/javascript" src="/xsp/.ibmxspres/.extlib/responsive/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/xsp/.ibmxspres/.extlib/responsive/bootstrap3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/xsp/.ibmxspres/.extlib/responsive/xpages/js/xsp-mixin.js"></script>
</head>
<body class="xsp dbootstrap bootstrap-theme">
<form id="view:_id1" method="post" action="/t_dir/myDb.nsf/TEST.xsp?bpp=1" enctype="multipart/form-data">
<div class="btn-group"><div class="btn-group"><button type="button" id="view:_id1:dropDownButton1_ab_0" data-toggle="dropdown" class="btn btn-primary btn btn-default dropdown-toggle">Open <span class="caret"></span></button>
<ul class="btn btn-primary dropdown-menu">
<li class="menu-item"><a>item1</a></li>
<li class="menu-item"><a>item2</a></li>
<li class="menu-item"><a>item3</a></li>
</ul>
</div>
</div>
<input type="hidden" name="$$viewid" id="view:_id1__VUID" value="!710qd094s9ihvkilfn1r22sda!">
<input type="hidden" name="$$xspsubmitid">
<input type="hidden" name="$$xspexecid">
<input type="hidden" name="$$xspsubmitvalue">
<input type="hidden" name="$$xspsubmitscroll">
<input type="hidden" name="view:_id1" value="view:_id1"></form>
</body>
</html>
最佳答案
为您的元素创建一个具有背景颜色的特定类？像那样http://www.w3schools.com/css/css_dropdowns.asp
关于css - 如何设置 dropDownButton 的样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38227939/
25
4
0
我尝试在 C# 窗口形式的 statusStrip 中创建几个 DropDownButton。这是正常的，当我将光标移动到按钮上时，它不会下拉项目，只有当我点击 DropDownButton 时它才会
希望你一切都好。我有一个小问题，我想根据另一个 DropdownButton 的值动态更改 DropdownButton 的值。 好吧，我会解释我的位置和问题所在: 首先，我有一个包含 3 个元素的
希望你一切都好。我有一个小问题，我想根据另一个 DropdownButton 的值动态更改 DropdownButton 的值。 好吧，我会解释我的位置和问题所在: 首先，我有一个包含 3 个元素的
我正在尝试实现 DropdownButton可以用标题将特定项目彼此分开(请参阅下图中的所需输出，标题为绿色) 就像在示例中一样，我想将这些绿色标题添加到我现有的 DropdownButton 中。
我将一个 DropdownButton 放在 TileList 的尾部，设置文档中显示的参数以使其处于事件状态，但无论如何它都保持禁用状态。 ListTile 是 ListView 的一部分，未包含在
我想在一行中添加一个下拉列表。 当我这样做的时候 Row( children: [ Expanded(child:TextField(
我创建了一个 dropdownButton 以允许用户从下拉列表中进行选择，该列表将通过 API 填充。现在我正在使用我创建的列表进行填充。 目前该按钮正在显示我的列表中的项目，但在做出选择后，列表不
我尝试像这样选择 DropdownButton 项: import 'package:flutter/material.dart'; import 'package:flutter_test/flut
我正在编写 Flutter Web 应用程序，并将一些小部件测试添加到我的代码库中。我很难让 flutter_test 按预期工作。我当前面临的问题是尝试在 DropdownButton 中选择一个值
例如，在 TextField 中，可以设置带有标签文本的 InputDecoration，当没有用户输入时显示在 TextField 的中心，然后显示在用户输入文本的上方。 使用 DropDownBu
在困惑中，我试图让DataTable的列之一成为DropdownButton。我希望最初从getUsers填充DataTable行，然后能够使用基于ratingList的DropdownButton编
在 flutter 中，我试图让 DataTable 的列之一成为 DropdownButton，用户可以从 DropdownButton 中进行选择，它会更改该单元格的值(而不是任何其他单元格，所以
我正在创建一个下拉列表，但是每当我单击一个值并尝试在onChanged部分中打印该值时，它都会输出null，这是我做错了什么？谢谢。这是我的代码: List _fonts = [ User
可以使用下拉按钮: return DropdownButton( items: ['Foo', 'Bar'].map((String value) { r
总结 我有一个 DropDownButton包含特定国家的所有联赛。所以本质上用户选择了 Nation来自ComboBox和 Leagues所选 Nation将添加到DropDownButton里面.
我在使用 DropdownButton 时遇到问题，我不知道为什么悬停效果比下拉菜单的实际大小长。我的 DropdownButton 位于 Telerik 网格内，这可能会导致问题。为了简单起见，我将
我想改变下拉按钮的颜色，让它看起来像“btn btn-primary”。但它也会改变所有菜单项的颜色，并将它们向右移动。这是原始下拉菜单的样子: 然后我设计成这样:
根据 this page ，DropDownButton 使用 ContextMenu 来显示 ItemsSource。我们如何知道用户点击了什么？按钮上的 Click 事件不是针对菜单的，而是针对按
我能够将提供给 DropDownButton 的 DropdownMenuItem 中使用的文本项居中，但是当菜单关闭时，如何才能将所选项目居中？ 最佳答案 像这样: Dropdo
我在 appBar 和脚手架主体中创建了两个 DropdownButton。只要选择顶部 DropdownButton 就会更改语言。在我从第二个 Dropdown Button 中选择 One Co
我是一名优秀的程序员,十分优秀！