css怎么改变button的边框颜色

Posted 2023-04-26

<input type="button"> 加个边框颜色要紧贴着input有弧度的

1、新建html文件。

2、创建HTML标签和内容。

3、预览效果如图。

4、设置右边框的颜色border-right-color:#30C。

5、预览效果如图。

6、设置右边框的颜色border-right-color:rgb(204,0,102)。

7、预览效果如图。

参考技术A

1、打开html编辑器，新建一html文件，写入基本的html结构，然后创建一个基本的input标签：

2、下面给input标签一个class属性，class命名为inpBtn，然后在style标签中设置inpBtn的样式，设置input标签的长度和宽度以及背景颜色，然后设置边框并给它一个颜色，最后用border-radius属性设置弧度：

4、保存文件，来到浏览器中，即可观察到input的样式。以上就是用css改变button的边框颜色并设置弧度的过程：

参考技术B button
border-style:solid;
border-width:1px;
border-color:#388BFF;
/*border:1px;*//*不要设置border*/
参考技术C .buttonborder-color:你想要的颜色 参考技术D button 各个浏览器现实的不一样，你最好用图片（做背景）代替

C#winform中，我想点击button1就将txt2的边框颜色改变，下面的代码可以实现：

但如果我将鼠标点一下txt2文本时，边框颜色就会恢复默认，请教一下应如何保持更改的边框颜色？ 谢谢！

private void button1_Click(object sender, EventArgs e)


this.txt2_Paint(sender, new PaintEventArgs(this.txt2.CreateGraphics(), txt2.ClientRectangle));



private void txt2_Paint(object sender,PaintEventArgs e)

Pen pen = new Pen(Color.HotPink, 4.5f);
e.Graphics.DrawRectangle(pen,txt2.ClientRectangle );
pen.Dispose();

private static int WM_NCPAINT = 0x0085;
private static int WM_ERASEBKGND = 0x0014;
private static int WM_PAINT = 0x000F;

[DllImport("user32.dll")]
static extern IntPtr GetDCEx(IntPtr hwnd, IntPtr hrgnclip, uint fdwOptions);

[DllImport("user32.dll")]
static extern int ReleaseDC(IntPtr hwnd, IntPtr hDC);

protected override void WndProc(ref Message m)

base.WndProc(ref m);
if (m.Msg == WM_NCPAINT || m.Msg == WM_ERASEBKGND || m.Msg == WM_PAINT)

IntPtr hdc = GetDCEx(m.HWnd, (IntPtr)1, 1 | 0x0020);

if (hdc != IntPtr.Zero)

Graphics graphics = Graphics.FromHdc(hdc);
Color borderColor = Color.HotPink;

Rectangle rectangle = new Rectangle(textBox1.Location.X, textBox1.Location.Y + (25), textBox1.Width, textBox1.Height);
ControlPaint.DrawBorder(graphics, rectangle, borderColor, ButtonBorderStyle.Solid);
m.Result = (IntPtr)1;
ReleaseDC(m.HWnd, hdc);





------------------------------------------
用这种，不会闪，需要把textbook的边框去掉，Border设置为None。 然后自己调一下位置与宽度吧。 参考技术A 加上这段
private void txt2_Click(object sender, EventArgs e)

this.txt2_Paint(sender, new PaintEventArgs(this.txt2.CreateGraphics(), txt2.ClientRectangle));

不过这样当鼠标点击txt2的时候 边框会闪动一下、、追问

嗯，是会闪动一下，有更好的解决方案吗？ 谢谢