设置按钮背景色
① ios开发怎么设置button的背景色
1.通过按钮的事件来设置背景色
- (void)viewDidLoad {
[super viewDidLoad];
UIButton *button1 = [[UIButton alloc] initWithFrame:CGRectMake(50, 200, 100, 50)];
[button1 setTitle:@"button1" forState:UIControlStateNormal];
button1.backgroundColor = [UIColor orangeColor];
[button1 addTarget:self action:@selector(button1BackGroundHighlighted:) forControlEvents:UIControlEventTouchDown];
[button1 addTarget:self action:@selector(button1BackGroundNormal:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button1];
}
// button1普通状态下的背景色
- (void)button1BackGroundNormal:(UIButton *)sender
{
sender.backgroundColor = [UIColor orangeColor];
}
// button1高亮状态下的背景色
- (void)button1BackGroundHighlighted:(UIButton *)sender
{
sender.backgroundColor = [UIColor greenColor];
}
② html 如何给button设置背景图片的同时设置按钮的背景色
这个可以用css来实现：background:url('imgurl')里面放图片地址，如果还想同时显示背景，内需要用透容明的PNG图片，如果不想图片重复显示需要设置背景不重复：background-repeat:no-repeat; 然后用background-color:red;设置按钮的背景颜色。下面例子是简写
<inputtype="button"style="background:url(./aa.png)no-repeatcenterred;width:200px;height:200px;">
③ 如何用javascript改变按钮背景色样式
这个来有一个简单的方法
比如，自你有两个按钮的样式，一个是class_1,一个是class_2,
你只需要给一个触发，
<button id="my_button" class="class_1"></button>
<input type="button" onclick="change();" value="改变颜色"/>
<script>
function change(){
var class=document.getElementById('my_button').value;
if(class=='class_1'){
document.getElementById('my_button').class='class_2';
}
else{
document.getElementById('my_button').class='class_1';
}
</script>
④ VC++如何改变按钮背景色
1、在VC编程中要改变控件（诸如CView, CFrameWnd, or CWnd等）的背景色可通过处理特定的消息来实现。但如果想改变按钮的颜色,就只能使用自绘制的按钮(也可以用位图按钮)而不能通过OnCtlColor()改变。
2、在一个MFC应用程序中，要改变控件的背景色可通过重载OnCtlColor()函数来实现。方法是在该函数中设置所需颜色后再返回一个画刷句柄便可重绘控件背景色。OnCtlColor()函数对于控件背景色的处理是通过捕捉相应的控件消息来实现的。常用的此类消息有：
CTLCOLOR_DLG 对话框
CTLCOLOR_EDIT 编辑框
CTLCOLOR_LISTBOX 列表框
CTLCOLOR_MSGBOX 消息框
CTLCOLOR_SCROLLBAR 滑动条
CTLCOLOR_STATIC 静态文本框、矩形等。
以下示例代码说明如何更改以上控件的背景色：
//CmyDialog.h定义
class CMyDialog : public Cdialog //派生自己的对话框类
{
……..
// Implementation
protected:
// Generated message map functions
//{{AFX_MSG(CMyDialog)
afx_msg HBRUSH OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor);
…….
//}}AFX_MSG
DECLARE_MESSAGE_MAP()
};
//CmyDialog.cpp 定义
……
HBRUSH CMyDialog::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor)
{
switch (nCtlColor) {
case CTLCOLOR_EDIT:
case CTLCOLOR_MSGBOX:
case CTLCOLOR_DLG :
case CTLCOLOR_EDIT : //在此加入你想要改变背景色的控件消息
pDC->SetBkMode(TRANSPARENT);
HBRUSH B = CreateSolidBrush(COLOR); //COLOR是你想设置的颜色
return (HBRUSH) B;
default: //其他控件设置自己默认的颜色和背景刷.
return CDialog::OnCtlColor(pDC, pWnd, nCtlColor);
}}
说明：
1)、可分别处理以上消息以实现不同控件不同背景色。
2)、此方法不适用于按纽控件。
3、通过定制来实现不同颜色按纽。
第一步：派生出自己的按纽
//CcolorButton.h
class CColorButton : public CButton
{
DECLARE_DYNAMIC(CColorButton)
public:
CColorButton();
virtual ~CColorButton();
BOOL Attach(const UINT nID, CWnd* pParent,
const COLORREF BGColor = RGB(192, 123, 192), // 按纽的背景色
const COLORREF FGColor = RGB(1, 1, 1), // 文本颜色
);
protected:
virtual void DrawItem(LPDRAWITEMSTRUCT lpDIS); //重定义虚拟函数DrawItem
void DrawFrame(CDC *DC, CRect R); //绘制按纽框
void DrawFilledRect(CDC *DC, CRect R, COLORREF color); //填充按纽框
void DrawLine(CDC *DC, CRect EndPoints, COLORREF color);
void DrawLine(CDC *DC, long left, long top, long right, long bottom, COLORREF color);
void DrawButtonText(CDC *DC, CRect R, const char *Buf, COLORREF TextColor);
//绘制按纽上的文本
COLORREF GetFGColor() { return m_fg; }
COLORREF GetBGColor() { return m_bg; }
private:
COLORREF m_fg, m_bg;
};
#endif
第二步：定义各函数
//CcolorButton.cpp
……
// CColorButton
IMPLEMENT_DYNAMIC(CColorButton, CButton)
CColorButton::CColorButton()
{ }
CColorButton::~CColorButton()
{
}
//定义Attach（）函数
BOOL CColorButton::Attach(const UINT nID, CWnd* pParent, const COLORREF BGColor, const COLORREF FGColor)
{
if (!SubclassDlgItem(nID, pParent))
return FALSE;
m_fg = FGColor;
m_bg = BGColor;
return TRUE;
}
//重载DrawItem（）
void CColorButton::DrawItem(LPDRAWITEMSTRUCT lpDIS)
{
CDC* pDC = CDC::FromHandle(lpDIS->hDC);
UINT state = lpDIS->itemState;
CRect focusRect, btnRect;
focusRect.CopyRect(&lpDIS->rcItem); //按纽的选中虚线框
btnRect.CopyRect(&lpDIS->rcItem);
// 设置表示按纽被选中的虚线框
focusRect.left += 4;
focusRect.right -= 4;
focusRect.top += 4;
focusRect.bottom -= 4;
// 按纽标题
const int bufSize = 512;
TCHAR buffer[bufSize];
GetWindowText(buffer, bufSize);
// 绘制并标志按纽
DrawFilledRect(pDC, btnRect, GetBGColor());
DrawFrame(pDC, btnRect);
DrawButtonText(pDC, btnRect, buffer, GetFGColor());
// 如果按纽处于选中状态则在其上绘制选中虚线框
if (state & ODS_FOCUS) {
DrawFocusRect(lpDIS->hDC, (LPRECT)&focusRect);
}
}
void CColorButton::DrawFrame(CDC *DC, CRect R)
{ //绘制按纽，用户通过定制该函数可实现不同形状的按纽。
DrawLine(DC, R.left, R.top, R.right, R.top, RGB(255, 255, 255));
DrawLine(DC, R.left, R.top, R.left, R.bottom, RGB(255, 255, 255));
//以下绘制按纽的外围框线以使按纽有立体感
DrawLine(DC, R.left + 1, R.bottom - 1, R.right, R.bottom - 1, RGB(1, 1, 1));
//绘制按纽左框线和上框线
DrawLine(DC, R.right - 1, R.top + 1, R.right - 1, R.bottom, RGB(1, 1, 1));
//绘制按纽右框线和下框线
}
//用色彩填充按纽框
void CColorButton::DrawFilledRect(CDC *DC, CRect R, COLORREF color)
{
CBrush B;
B.CreateSolidBrush(color);
DC->FillRect(R, &B);
}
// DrawLine用于绘制按纽，其为多态函数
void CColorButton::DrawLine(CDC *DC, CRect EndPoints, COLORREF color)
{
…
}
void CColorButton::DrawLine(CDC *DC, long left, long top, long right, long bottom, COLORREF color)
{
……
}
//绘制按纽文本
void CColorButton::DrawButtonText(CDC *DC, CRect R, const char *Buf, COLORREF TextColor)
{
COLORREF prevColor = DC->SetTextColor(TextColor);
DC->SetBkMode(TRANSPARENT);
DC->DrawText(Buf, strlen(Buf), R, DT_CENTER|DT_VCENTER|DT_SINGLELINE);
DC->SetTextColor(prevColor);
}
第三步：引用定制类
定制任意对话框CColorDlg，在其上画一按键控件。ID为IDOK。
//CColorDlg.h
class CColorDlg : public CDialog
{
…..
// Implementation
protected:
CColorButton m_btnOK;
}
//CColorDlg.cpp
…….
BOOL CColorBtnSampleDlg::OnInitDialog()
{
CDialog::OnInitDialog();
…….
VERIFY(m_btnOK.Attach(IDOK, this, RED, BLUE, YELLOW));
…….
}
⑤ 怎样改变BUTTON控件的背景色和字体色
新建来一个对话框工程，在对话自框中添加一个按钮，然后，从button类继承一个子类 CNewButton, 重载 PreSubclassWindow,修改按钮的属性 ModifyStyle( 0 , BS_OWNERDRAW ); ，告诉系统，用户手绘按钮； 然后再重载DrawItem，在这里边修改按钮的背景色，字体的颜色，修改lpDrawItemStruct参数的值，使用SetBkColor,设置按钮字体的颜色， SetTextColor设置字体的颜色， 使用FillRect可以填充按钮的背景色。设置完后，给对话框的按钮添加一个变量，基类就选择刚才创建的CNewButton
⑥ 怎样在HTML中插入Button按钮,且按钮要显示颜色
首先插入内容：
<button type='button' class='btn-style'>点击</button>
css样式有两种，一种是定义一个class，命名为btn-style（此处定义为红色背景）
.btn-style{
background-color:red
}
另一种定义:直接在button标签上写内联样式，如下：
<button type='button' style='background-color:red'>点击</button>
效果如下，按钮红色背景：
(6)设置按钮背景色扩展阅读：
1、<button> 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。
2、同样设置按钮其他样式，比如:
边框：border:1px solid #1054ff;//表示边框为1px，实体线，颜色为#1054ff
字体颜色：color:#1054ff;//表示字体颜色为#1054ff
按钮圆角设置：border-radius:4px;//表示按钮四个角有4px的圆角化
⑦ ui怎么设置button被选中后的背景颜色
1，通过按钮的事件来设置背景色
- (void)viewDidLoad {
[super viewDidLoad];
UIButton *button1 = [[UIButton alloc] initWithFrame:CGRectMake(50, 200, 100, 50)];
[button1 setTitle:@"button1" forState:UIControlStateNormal];
button1.backgroundColor = [UIColor orangeColor];
[button1 addTarget:self action:@selector(button1BackGroundHighlighted:) forControlEvents:UIControlEventTouchDown];
[button1 addTarget:self action:@selector(button1BackGroundNormal:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button1];
}
// button1普通状态下的背景色
- (void)button1BackGroundNormal:(UIButton *)sender
{
sender.backgroundColor = [UIColor orangeColor];
}
// button1高亮状态下的背景色
- (void)button1BackGroundHighlighted:(UIButton *)sender
{
sender.backgroundColor = [UIColor greenColor];
}
2,通过把颜色转换为UIImage来作为按钮不同状态下的背景图片
- (void)viewDidLoad {
[super viewDidLoad];
UIButton *button2 = [[UIButton alloc] initWithFrame:CGRectMake(170, 200, 100, 50)];
[button2 setTitle:@"button2" forState:UIControlStateNormal];
[button2 setBackgroundImage:[self imageWithColor:[UIColor redColor]] forState:UIControlStateNormal];
[button2 setBackgroundImage:[self imageWithColor:[UIColor grayColor]] forState:UIControlStateHighlighted];
[self.view addSubview:button2];
}
// 颜色转换为背景图片
- (UIImage *)imageWithColor:(UIColor *)color {
CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
UIGraphicsBeginImageContext(rect.size);
CGContextRef context = UIGraphicsGetCurrentContext();
(context, [color CGColor]);
CGContextFillRect(context, rect);
UIImage *image = ();
UIGraphicsEndImageContext();
return image;
}
⑧ HTML中如何改变按钮的颜色
HTML button按钮的边框样式与颜色都是可以修改的，用基本的HTML语法难以设计出美轮美奂的按钮风格，透过CSS却可以很容易的办到，在本篇HTML button按钮边框样式与颜色的修改介绍中，我们将会用到CSSborder属性其中的边框样式（border-style）以及边框颜色（border-color）来制做，当然按钮本身的宽度（width）与高度（height）也必须搭配使用，无论是button还是submit按钮都可以用这样的技巧，但不同的浏览器可能会有一点点小小的差异，这跟浏览器本身有关系，设计按钮的css效果时，通常要多用几个浏览器测试。
范例一、HTML button按钮边框样式与颜色
范例二延续范例一的程式码，增加了background-color 的属性，替按钮增加背景颜色，这里为了让范例比较简洁一点，所以背景颜色都是用粉红色（pink）呈现，你也可以自己修改为其他不同的背景颜色。
⑨ jquery中如何改变按钮背景色
用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，我有个数组a（1、2、3)我循环遍历输出a的值。
复制代码 代码如下:
<ul>
<li><a onclick="show();"><b>a[0]<b><a></li>
<li><a onclick="show();"><b>a[1]<b><a></li>
<li><a onclick="show();"><b>a[2]<b><a></li>
点击1—1变色。点击2,—变色。但1会变回原来的颜色，我show方法实现了其他的功能.。
下面是我初试的代码：
HTML code：
复制代码 代码如下:
<style type="text/css">
.clckClass{color:red;}
</style>
<script type="text/javascript">
$('ul li a').bind('click', function(){
$('ul li a:not(this)').removeClass('clckClass');
$(this).addClass('clckClass');
});
</script>JScript code:
<style type="text/css">
.clckClass{color:red;}
</style>
<script type="text/javascript">
$('ul li a').bind('click', function(){
$('.clckClass').removeClass('clckClass');
$(this).addClass('clckClass');
});
</script>
上面的代码中，样式‘clckClass‘可能在其他元素上使用。使用$(‘.clckClass').removeClass(‘clckClass')，会将画面上所用使用clckClass样式的元素移出clckClass样式的，这显然不是我们要得结果。我们只需要移出ul li a下的clckClass样，不过后来发现上面的代码中，唯一一点是那个clckClass只能在这几个标签使用，如果其他也用的话，就可能会影响效果，是我考虑不周到。