如何使用value‘创建'style’?attr/actionButtonStyle
要使用value创建style，可以使用以下步骤：
- 首先，需要在HTML文件中创建一个元素，例如一个按钮元素。
<button id="myButton">Click me</button>- 接下来，在JavaScript代码中获取该元素，并使用value属性设置样式。
var myButton = document.getElementById("myButton");
myButton.value = "color: blue; font-size: 16px;";- 在上述代码中，value属性被用来设置按钮的样式。样式的格式是CSS样式的字符串，可以包含多个属性和值。在这个例子中，按钮的颜色被设置为蓝色，字体大小被设置为16像素。
- 如果想要将样式应用到其他元素，可以使用相同的方法，只需将目标元素的ID传递给getElementById函数，并设置相应的样式。
这种方法适用于动态地设置元素的样式，可以根据需要在JavaScript代码中根据条件或事件来设置样式。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
使用相对布局时，ActionBar不显示标题。当我不使用RelativeLayout时，项目不会右对齐。请不要告诉我使用菜单项作为解决方案。它必须是自定义的。
下面是我如何设置它的：
ActionBar bar = getSupportActionBar();
bar.setDisplayOptions(
ActionBar.DISPLAY_HOME_AS_UP |
ActionBar.DISPLAY_SHOW_CUSTOM |
ActionBar.DISPLAY_SHOW_HOME |
浏览 4提问于2012-10-30得票数 10
回答已采纳
2回答
我正在为我的应用程序创建一个资源字典，其中将有一些"icon+text“按钮。由于它们看起来都一样(除了图标和文本)，我创建了一个通用样式作为其他样式的基础：
<!-- Generic ActionButtonStyle -->
<Style x:Key="ActionButtonStyle" TargetType="{x:Type Button}">
<!-- some setter properties -->
<Setter Property="ContentTemplate"
浏览 2提问于2012-04-12得票数 2
1回答
请您告诉我如何在运行时更改样式设置器。我用的是XAML的材料设计。当我按下一个按钮，我想要改变之间的光和黑暗模式。Snackbar的背景会改变(通过由材料设计的作者编写的脚本完成)，但是"OK“按钮的颜色不会改变。白上的石灰很难区分。所以我想把石灰OK换成紫色OK。
这是最初的代码
<UserControl.Resources>
<Style BasedOn="{StaticResource MaterialDesignSnackbarActionButton}" x:Key="SnackbarThemeCh
浏览 0提问于2017-10-24得票数 0
1回答
我需要在AppBar/Toolbar中更改操作按钮的文本大小。应该是14 is，但我将在本例中使用20 is，因为它更明显。我使用appcompat-v7 22.1.1
一开始我尝试使用主题属性android:actionButtonStyle
<style name="FirstAttemptTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="android:actionButtonStyle">@style/Custom.Widget
浏览 2提问于2015-05-20得票数 2
回答已采纳
在我们之前设计的全息应用程序(targetSdkVersion 21，带有主题Theme.Sherlock.Light.DarkActionBar)中，我们使用system属性targetSdkVersion来定义自定义的操作栏按钮样式。
actionbar_custom_view_done_discard.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
andro
浏览 5提问于2016-04-23得票数 5
回答已采纳
如何使actionbar 的图标使用ActionBarSherlock更近或更远？类似于android:layout_marginLeft或android:paddingRight的东西
如果我只是在actionbar上添加图标，它们就更远了，与下面的Soundhound屏幕截图相比：
我的themes.xml
<style name="Theme.AstraTheme_Purple" parent="@style/Theme.Sherlock">
<item name="actionBarStyle">
浏览 4提问于2012-05-25得票数 12
回答已采纳
1回答
我有一个工具栏(请参阅下面的xml )。是否有任何简单的方法使工具栏更薄，保持菜单按钮。
或者只是在某个角落里有一个菜单按钮？
这最初是一个全屏活动，但我卷起自己的视图并执行一个：setContentView(view);
谢谢
<activity
android:name=".FullscreenActivity"
android:configChanges="orientation|keyboardHidden|screenSize"
android:label="@s
浏览 2提问于2017-04-15得票数 1
回答已采纳
我正在尝试更改UWP的TeachingTip中的ActionButton样式。 TeachingTip具有以下属性： public Style ActionButtonStyle { get; set; } 我试着这样做： mytip.ActionButtonStyle.SetValue(Button.ForegroundProperty, "Red"); 但是使用System.NullReferenceException失败了。我还尝试了不同类型的值(Windows.UI.Xaml.Media.Brush和Windows.UI.Color)，而不是"Red"
浏览 19提问于2020-01-21得票数 0
回答已采纳
我试着用google actionbarcompact的库来改变操作栏的背景，但是我不能，那是我的代码。
在manifest.xml中引用Theme.AppCompat.Light.DarkActionBar，这是显示操作栏api级别低于10 manifest.xml的主题。
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.action"
android:versionCode="1"
浏览 2提问于2014-01-27得票数 0
如何使用XML主题更改操作栏图标或徽标空间的上、下填充或边距？
<style name="Theme.Whycheck" parent="@style/Theme.AppCompat.Light.DarkActionBar">
<item name="actionBarItemBackground">@drawable/selectable_background_whycheck</item>
<item name="actionBarStyle">@style/
浏览 0提问于2013-09-10得票数 6
1回答
我有一个有4个按钮的动作条，定义如下.
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/actionBarNew"
android:showAsAction="always"
android:scaleType="fitXY"
浏览 1提问于2013-12-31得票数 0
回答已采纳
请看这里的问题，灰色复选框从操作栏的顶部和底部留下了空间：
styles.xml
<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="CustomActionBarTheme" parent="Theme.Base.AppCompat.Light">
<item name="android:windowContentOverlay">@null</item>
浏览 10提问于2014-04-20得票数 6
回答已采纳
在我的活动中，我想更改我的工具栏上的抽屉按钮图标。
<android.support.v7.widget.Toolbar
android:id="@+id/tool_bar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/appColor"
android:minHeight="?attr/actionBarS
浏览 2提问于2015-04-30得票数 3
回答已采纳
2回答
我有两个屏幕。第一个是主屏幕。没有只有NavigationIcon的工具栏标题。第二个是另一个活动。它有一个标题和HomeAsUpIndicator。我使用下面的样式代码来消除标题和第二个活动中的HomeAsUpIndicator图标之间的差距。
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="actionBu
浏览 11提问于2020-05-22得票数 1
1回答
我的风格定义如下：
<style name="actionBarTheme" parent="android:style/Widget.Holo.Light.ActionBar">
<item name="android:background">@drawable/button_style</item>
<item name="android:titleTextStyle">@style/actionBarTitleText</item>
</sty
浏览 2提问于2014-02-24得票数 0
我一直在寻找解决我的疑问的方法，但我没有找到任何确定的东西。
actionbar的图标必须是正方形吗？我想在我的actionBar中放一个图标，如下所示：
但我得到的结果是：
因为我的应用程序在正方形尺寸的空间中放置了一个矩形尺寸的按钮。
我已经尝试了下一步：
<item name="android:actionButtonStyle">@style/ActionButtonStyle</item>
<style name="ActionButtonStyle" parent="@android:style/Wid
浏览 0提问于2015-01-19得票数 0
2回答
我在这个XML文件中的某个地方得到了一个错误，但是eclipse没有给我任何关于哪一行和lint显示没有错误的信息。所以,
(a)我究竟应该如何找出错误？
(b)有人能分辨出出了什么问题吗？
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:divider=
浏览 2提问于2013-11-12得票数 0
/storage/emulated/0/.sketchware/data/743/files/resource/layout/custom_action_item_layout.xml:2:错误:错误:找不到与给定名称匹配的资源(位于'style‘，值为’？attr/actionButtonStyle‘)。，，/storage/emulated/0/.sketchware/data/743/files/resource/menu/main_menu.xml:6:错误:在包'com.my.newproject9’中找不到属性'actionLayout‘的资源标识符，，/
浏览 27提问于2021-07-11得票数 0
下面是我如何更改sherlock actionbar溢出下拉菜单的背景色。如何更改下拉项目文本的颜色和重力？请帮帮我。目前文本的颜色是黑色的。
<style name="AppBaseTheme" parent="@style/Theme.Sherlock.Light.ForceOverflow">
</style>
<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
浏览 2提问于2013-09-24得票数 3
回答已采纳
我正试图在actionbar项目上创建一个弹出窗口(就像G+应用程序中的那个)。
要做到这一点，我需要有actionbar项视图，但这只能使用setActionView()设置一个自定义视图。
问题是，我不能访问相同的菜单项样式的actionbar项目。
我用的是：
<Button xmlns:android="http://schemas.android.com/apk/res/android"
style="?android:attr/actionButtonStyle"
android:layout_width="wrap_c
浏览 1提问于2013-08-05得票数 0
回答已采纳
3回答
我们的应用使用了Action Bar Sherlock，它的主题是这样的：
<style name="Theme.MyApp.Default" parent="@style/Theme.Sherlock.Light">
<item name="actionButtonStyle">@style/MyApp.SherlockActionBar.Light.ActionButton</item>
<item name="android:actionButtonStyle">
浏览 2提问于2013-10-11得票数 0
1回答
我正在尝试降低工具栏的高度，但当我声明了工具栏中的特定高度项目时，工具栏中的项目不会格式化centered.how以使它们在我的case.Below中居中排列，这是我完整的详细信息
Toolbar.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android
浏览 3提问于2015-11-09得票数 0
1回答
我刚开始在我的android应用程序中使用工具栏而不是actionbar。但它显示了一个可笑的设置按钮在屏幕底部，我找不到方法来擦除它。请帮我处理这个。
下面是一个屏幕截图，让您了解这个问题：
这是我的代码：
SetContentView(Resource.Layout.Main_Activity_Container);
var toolbar = FindViewById<Toolbar>(Resource.Id.Toolbar);
var toolbarBottom = FindViewById<Toolbar>(Re
浏览 2提问于2014-12-18得票数 1
回答已采纳
以下是与主题相关的开发指南
所以我们在活动中
public class MyActivity extends Activity {
@Override
public boolean onCreateOptionsMenu(Menu menu)
{
super.onCreateOptionsMenu(menu);
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.my_menu, menu);
return true;
}
@Override
public boolean on
浏览 1提问于2011-11-24得票数 1
回答已采纳
我为操作栏按钮尝试了两种不同的进度条样式，通过
refreshMenuItem.setActionView(R.layout.actionbar_indeterminate_progress);
actionbar_indeterminate_progress.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_w
浏览 0提问于2013-03-29得票数 3
回答已采纳
1回答
我正在使用ActionBarSherlock，并尝试在操作栏项目上设置自定义背景。
我试过了：
<item name="actionButtonStyle">@style/customActionButtonStyle</item>
<item name="android:actionButtonStyle">@style/customActionButtonStyle</item>
</style>
<style name="customActionButtonStyl
浏览 0提问于2012-11-26得票数 0
回答已采纳
1回答
当我按下ActionBar项目时，我找不到改变其覆盖颜色的方法。我有minsdk = 11，我不能使用
<item name="android:actionBarItemBackground">@drawable/selectable_background_</item>
因为它只能在API 14中工作。
我创建了一个包含style.xml文件的values-v14文件夹，对于设备，>= v.14是这样工作的：
未按下：
按下：
但是，我如何才能为版本>= 11到< 14做同样的事情呢？
这是我的style.xml文件：
<
浏览 0提问于2014-10-14得票数 0
1回答
我有以下值文件夹(除了默认的文件夹)：values-sw400dp，values-sw600dp。由于需要删除actionBar图标之间的间距，所以我使用了一种样式：
<style name="ActionBarTabStyle" parent="@android:style/Widget.Holo.ActionBar.TabView">
<item name="android:background">@android:color/transparent</item>
<item
浏览 4提问于2013-08-31得票数 1
1回答
以下是android中的默认选项菜单样式。目前我已经尝试过了。
我的问题是:我想覆盖选项菜单的默认样式。像这样！
只有first character is cap和custom typeface。
这是我的实现。
//style.xml
<style name="HomeTheme" parent="AppTheme.NoActionBar">
<item name="android:windowDrawsSystemBarBackgrounds">false</item>
浏览 3提问于2018-06-18得票数 0
1回答
我正在Android上进行开发，我还没有找到一种方法来改变操作栏中某个项目的背景色。我找到了解决神探夏洛克和全息的方法，但我还是找不到它的作用。我使用这个AppCompat和我的styles.xml文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
<item name=&#
浏览 4提问于2013-12-30得票数 2
回答已采纳
我意识到我可能在风格和主题上做了一些根本上的错误，但我还是有点像Android的新手，所以请原谅我的无知。我试图改变我的MediaRouteButton的风格从默认的黑暗到光明，因为我有一个轻的ActionBar。我的MediaRouteButton在ActionBar中实现如下：
<item
android:id="@+id/menu_item_cast"
android:actionProviderClass="android.support.v7.app.MediaRouteActionProvider"
android:ac
浏览 14提问于2013-10-09得票数 13
回答已采纳
<style name="AppTheme" parent="AppBaseTheme">
<item name="android:actionButtonStyle">@style/MyActionButtonStyle</item>
</style>
<style name="MyActionButtonStyle" parent="AppBaseTheme">
<item name="android:minWi
浏览 2提问于2018-07-31得票数 1
3回答
我试图使用带有自定义视图的默认android操作栏：
<style name="ActionBar" parent="android:Widget.Material.ActionBar.Solid">
<item name="android:displayOptions">showCustom</item>
<item name="android:customNavigationLayout">@layout/customNavigationLayout</it
浏览 2提问于2019-08-18得票数 10
回答已采纳
我在我的项目中使用ActionBarSherlock，我显示了3个带有自定义minWidth的动作按钮。这是我的代码：
menu.xml
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/menu_item1" android:showAsAction="always"
浏览 2提问于2013-08-07得票数 0
回答已采纳
我需要向ActionBar的主页按钮添加一个右填充，并且当它被选中时，我需要改变它的背景颜色。我可以用我的标签做这些事情，我添加了标签，实现了一个新的样式，但我不能改变我的Home按钮的样式。有没有办法做到这一点？
这是我实现的主题的源代码：
<!-- style for the tabs -->
<style name="ActionBarTabStyle" parent="@android:style/Widget.Holo.Light.Tab">
<item name="android:background&#
浏览 3提问于2012-02-29得票数 5
2回答
如何获得中性按钮的标准颜色
、、、、
我用的是style="?android:attr/buttonBarNeutralButtonStyle“按钮
<Button
style="?android:attr/buttonBarNeutralButtonStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Sign in"
浏览 1提问于2018-03-19得票数 0
回答已采纳
1回答
我正在做一个简单的计算应用程序。我正在使用材质设计按钮。但是数字之间有一个差距。我尝试了网格布局，同样的事情也发生了。当我切换到底部的LinearLayout时，就产生了一个差距。我该如何解决这个问题呢？ ? btn“@+id/btn_8”style="@style/NumberButtonStyle“android:text="@string/_8"/> btn”@+id/btn_9“style="@style/NumberButtonStyle”android:text="@string/_9“ActionButtonStyle”@
浏览 16提问于2020-09-26得票数 1
1回答
工具栏仅显示工具条的menu_main中项目的标题
我的MainActivity工具栏
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
style="@style/MyToolbar"
app:theme="@style/Theme.Mytheme
浏览 17提问于2020-11-19得票数 0
我想删除items.as菜单之间的空格，如图所示。我看到了很多的答案，并几乎应用，但它没有发挥作用。我用的是行动巴雪洛克。我的风格如下所示。
风格
<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="AppTheme" parent="Theme.Sherlock">
</style>
<style name="AppTheme.ActionBarStyle"
浏览 7提问于2014-01-20得票数 3
1回答
我已经为按钮创建了一个视图。
App.NumberButtonView = Ember.View.extend({
tagName: 'button',
classNames: ['ButtonClass']
});
我的按钮模型是
App.NumberBtns = DS.Model.extend({
value: DS.attr('string'),
width: DS.attr('string'),
height: DS.attr('string'),
className: DS.attr('strin
浏览 3提问于2015-06-20得票数 0
如何用jquery或js (substring?)替换最后一个右斜杠前的文件夹名称例如
如果"1“是可变的(因为我的img项通过foor循环创建)，1可以是1,2,3,4,5,6,7，....................
<body>
<img src="./pic/web_show/1/01.jpg" alt="">
<img src="./pic/web_show/1/02.jpg" alt="">
<img src="./pic/web_s
浏览 0提问于2020-06-04得票数 0
1回答
Admob仅在XML顶部显示
、、、、
我尝试将AdMob集成到我的XML中，但它只在应用程序的顶部显示广告。
在Android Studio中，它出现在正确的位置：
我的XML：
<FrameLayout xmlns:ads="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+i
浏览 3提问于2020-04-17得票数 0
在我的web应用程序中，我创建了一个表单，允许用户向在线报纸中插入故事。为了做到这一点，我创建了一个隐藏表，我克隆它是为了允许用户创建新的故事，稍后我会在表单的提交事件中捕获这些故事。
在这里，我面临着一个关于故事文本内容的问题。例如，如果故事包含双引号，当在提交事件上创建一个新元素时，它将中断我的字符串，如下所示；
$("form").submit(function () {
var myForm = $(this);
// begin cover stories process
var storie
浏览 1提问于2012-01-20得票数 2
回答已采纳
1回答
我试图找到一种将某些值作为对象绑定到元素的方法。
如果我像这样绑定就行了
var viewModel = {
someObj: ko.observable(),
textBox: {
value: ko.observable('val'),
attr: { title: 'Test', placeholder: 'Test' },
style: { width: '100px' }
}
}
<input type="text" da
浏览 3提问于2015-03-25得票数 0
回答已采纳
我的应用程序上有一个工具栏小部件，它有4个图标，我希望将这些图标之间的空间大小更改为相同。
表格：
就像这样：
menu.xml
<?xml version="1.0" encoding="utf-8"?>
<item
android:id="@+id/action_home"
android:orderInCategory="100"
android:icon="@drawable/white_home"
android:title="@string/
浏览 1提问于2016-10-01得票数 0
回答已采纳
所有人。关于如何返回带有“鼠标”事件的data.value，我有一个问题。下面的代码可以得到当前的X位置(显示在这个位置上)，而我不知道如何返回obj.value。
我已经检查了使用的方法，但仍然坚持使用它。
有人能给我一些想法吗？我想你们中有些人遇到过这样的情况。
灵感来源于和创建的。(将以下代码添加到以进行调试)
<style>
.info {
position: absolute;
top: 100px;
left: 50px;
}
</style>
<script>
svg.append("rect")
浏览 6提问于2015-03-30得票数 0
回答已采纳
我有一个数组，我需要创建一个带有outgroup的选择器。
我试着用下面的代码使用jQuery：
$.each(array, function(subindex, value) {
if (subindex == 0){
$('#select_template').append('<optgroup label="Camping">');
}
$('#select_template').append(
$(
浏览 5提问于2021-11-07得票数 0
我试图在操作栏中的项目之间填充--特别是我的徽标和导航抽屉图标，下面是我使用的样式：
<resources>
<!-- the theme applied to the application or activity -->
<style name="CustomActionBarTheme" parent="@android:style/Theme.Holo.Light">
<item name="android:actionBarStyle">@style/My
浏览 1提问于2014-10-24得票数 2
回答已采纳
我有两个属性的数据:颜色和价值。
我使用D3 enter选择来创建圆形元素，并将它们附加到页面正文中。它们的填充颜色由“颜色”属性决定。
然后，我将文本元素附加到页面中。文本内容由"value“属性决定。
下面是我正在做的工作：
// Set up svg element
var svg = d3.select("body")
.append("svg")
.attr("width", 300)
.attr("height", 300)
.style("background"
浏览 1提问于2016-11-11得票数 0
回答已采纳
我用过
import android.support.v7.app.ActionBarActivity;
为此，我必须将Theme.AppCompact添加到清单文件中的活动中
<activity
android:name="ActicityName"
android:label="ActivityLabel"
android:theme="@style/Theme.AppCompat">
</activity>
这是重写我的按钮layo
浏览 0提问于2013-12-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
