边角半径不会显示在按钮上
是指在前端开发中，当为按钮添加圆角样式时，边角半径的数值不会直接显示在按钮上。
圆角样式是通过CSS的border-radius属性来实现的。该属性用于设置元素的边角的圆角弧度。在按钮的样式中，可以通过设置border-radius属性来实现按钮的圆角效果。
例如，如果要将按钮的边角设置为4个像素的圆角，可以使用以下CSS样式：
.button {
border-radius: 4px;
}在这个例子中，按钮的边角半径被设置为4像素，但是这个数值不会直接显示在按钮上。它只是用来定义按钮的圆角效果。
边角半径的设置可以根据设计需求进行调整，常见的数值包括像素值、百分比和em单位。通过调整边角半径的数值，可以改变按钮的圆角弧度，从而实现不同的视觉效果。
在腾讯云的产品中，与前端开发相关的产品包括云服务器、云函数、云存储等。这些产品可以帮助开发者搭建和部署前端应用，提供稳定的基础设施和服务支持。
更多关于腾讯云产品的信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我想创建一个关闭按钮，它将看起来像一个中间有一个x的圆圈。在x代码中，我将按钮的大小和宽度设置为较大，以便可触摸区域更大(50x50，字体仅为22)。
我创建了一个按钮，将标题更改为X，然后设置以下内容：
[self.closeButton.layer setBorderWidth:2.0f];
[self.closeButton.layer setBorderColor:[[UIColor whiteColor] CGColor]];
[self.closeButton.layer setCornerRadius:self.closeButton.bounds.size.width/2];
浏览 2提问于2014-07-25得票数 0
3回答
苹果SignIn的自定义圆形按钮
、、、、
我正在遵循苹果的指导方针来实现“用苹果登录”按钮。在文档中，苹果表示，也可以只使用徽标来创建自定义按钮"Log In with apple“，也可以将图像的形状更改为具有圆形按钮……
为了能够编辑图像，它还提供了插入蒙版，但我不理解我们必须为按钮或所选图像创建蒙版。
这是苹果在文档中所写的内容。
在这一点上，我如何才能获得苹果的登录按钮，只有一个圆形的徽标？
浏览 0提问于2020-03-30得票数 5
我正在尝试创建一个简单的渐变，上面有一个标签，我可以覆盖在MKMapView上。我观察了一下，发现我可以使用CAGradientLayer而不是覆盖UIView中的drawRect。我想我应该试一试。在我的viewDidLoad中，我这样做：
CGRect frame = CGRectMake(self.mapView.frame.origin.x, self.mapView.frame.origin.y, 320.0, 44.0);
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
gradientLayer.frame =
浏览 2提问于2012-09-20得票数 1
回答已采纳
1回答
我有5个按钮，它们都有不同的颜色，颜色在这个按钮的样式中显示。但我需要更改按钮边角的圆角，但按钮的颜色保持不变。当我创建一个新的可绘制对象并将其分配给按钮时，我所有的bytton都是白色的。
可绘制的颜色覆盖colorButtonNormal，同时我也不想创建五个可绘制的文件。
<!---PRIMARY BUTTON-->
<style
name="PrimaryButton" parent="Widget.AppCompat.Button">
<item name="android:
浏览 0提问于2018-01-26得票数 0
3回答
按钮边框周围的圆角颜色
、、、、
我有一个小问题，如下所示：
单元格有背景颜色，而按钮没有。不过，它给我的不是圆角，而是圆角。我怎么才能修复它呢？
UIButton *meerKnop = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[[meerKnop layer] setCornerRadius:8.0f];
meerKnop.backgroundColor = [UIColor whiteColor];
meerKnop.frame = CGRectMake(11.0, (60.0 + (teller * 52.5)), 299.0, 50.0);
..
浏览 0提问于2011-06-09得票数 1
回答已采纳
我正在开发的简历安卓应用程序使用CardView，但有空白角落的CardView。
下面是应用程序的屏幕截图
在下面的XML中，我实现了CardView.I。我认为是因为背景颜色的原因，您的建议是什么
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.an
浏览 0提问于2018-11-02得票数 0
我为我的自定义渲染器编写了以下代码。使用的元素是标签，我正在尝试设置圆角边缘的背景颜色。
[assembly: ExportRenderer(typeof(RoundedLabel), typeof(RoundedLabelCustomRenderer))]
namespace MyNamespace.UWP.CustomRenderers
{
public class RoundedLabelCustomRenderer : LabelRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs
浏览 37提问于2017-07-19得票数 1
回答已采纳
1回答
我有一个请求来制作这些菜单项：
顶部菜单：
侧边菜单：
我从border-radius开始，但我不知道如何让另一边变成‘外半径’，我相信顶部和底部的菜单基本上是一样的，我只需要调整大小和方向。
我很快就会分享我正在开发的一个版本的jsFiddle，目前我什么也做不了。
浏览 1提问于2013-01-09得票数 3
回答已采纳
1回答
我正在尝试在移动平台上模拟一个模拟棒。
public void calcStickVector(float x, float y)
{
float cx = getCenterX();
float cy = getCenterY();
float distX = x - cx;
float distY = y - cy;
distX /= getRadius();
distY /= getRadius();
distX = JMath.clamp(-1.0f, 1.0f, distX);
distY = JMath.clam
浏览 0提问于2012-10-12得票数 1
回答已采纳
我刚刚发现-moz-border-radius在包装/边框元素上也实现了圆角，例如，应用了moz-border-radius的图像本身也会有圆角。
我似乎在Firefox的更改日志中找不到具体的细节，所以有没有人知道哪个(主要) Firefox版本开始支持它？Firefox 3.6.5目前还没有。
浏览 0提问于2011-08-25得票数 2
回答已采纳
有没有其他方法可以在卡片中使用相同的view type对RecyclerView的元素进行分组？举个例子，我想在Revolut中实现一些东西。到目前为止，我读到的是在recycler view中使用列表，但我不确定性能如何，我可能会显示超过10000个项目。 ?
浏览 12提问于2020-08-17得票数 0
嗨，我遇到了chrome的一个问题。我想这可能是个bug，但我找不到太多关于它的信息。基本上，我想在图像上应用边界半径。边界半径将为50%，形成一个圆。我将其设置为%的原因是因为我不能明确知道图像的宽度/高度。
你知道为什么chrome没有显示正确的边框吗？我还没有在FF < 4中测试过，但是FF4和IE一样工作得很好。
浏览 3提问于2011-06-01得票数 0
回答已采纳
我有一个自定义TableViewCell的小视图。
UIView的宽度约为120，高度约为30。我想画一个圆角的空心矩形来占据整个UIView，然后我还会在这个UIView中有一些子视图，比如一个小的20x20的UIImageView和一个20高的UILabel。
我该怎么画这幅画？
我可以通过一个新的UIView层绘制一个实心的矩形，但我猜这不是做这件事的方法，我应该使用QuartzCore？
我尝试了下面的代码，但我不确定如何将它添加到我的UIVIew中？
CGRect rectangle = CGRectMake(0, 0, 120, 22);
CGContextRef context
浏览 4提问于2015-06-05得票数 0
我刚刚开始学习SwiftUI，正在玩弄视图和动画，我想让控制器有点像苹果在音量或亮度方面的控制中心。但我发现了一个有趣的小东西，我真的不知道该怎么做。 struct DragControler: View {
@GestureState var fillPercentGS : Double = 0.5
@State var fillPercent = 0.5
var body: some View {
ZStack{
Rectangle()
GeometryReader { geometry in
浏览 41提问于2020-06-14得票数 4
回答已采纳
1回答
我正在尝试在iOS上使用AVFoundation编辑视频(调整大小/裁剪/合并)。有一些只使用一个视频的参考资料。但是我想在一个场景中添加3个以上的视频，如下所示。
请让我知道，如果有可能实现上述要求与AVFoundation。如果可能的话，我应该参考什么呢？或者AVFoundation是最好的方法？
谢谢
浏览 4提问于2014-09-18得票数 0
我使用<QuartzCore/QuartzCore.h>来定义我的自定义视图的边界，如下所示：
layer.borderColor = BACKGROUND_COLOR.CGColor; <-- BACKGROUND_COLOR is the darkblue UIColor
然而，在我设置它并在设备上运行后，我可以检查边界周围的视图周围非常薄的微小模糊的白色边缘。这看起来像是一个渲染问题。
我想知道是否可以解决这个问题？
谢谢
--编辑:添加截图(在低亮度显示器下可能不会清除) --
浏览 8提问于2014-06-23得票数 2
1回答
我有几个小视图，在屏幕上有一些背景。当我改变设备的方向时，我的视图控制器会对其进行动画处理。问题是，在动画过程中，视图有非常丑陋的角落。
浏览 0提问于2012-03-12得票数 0
回答已采纳
2回答
你好，我正在尝试将UISearchbar更改为矩形，而不是圆角矩形，并将其与相同颜色的导航栏合并。
导航栏的背景颜色应该与搜索栏的背景颜色相同，但存在差异，而且显示的边缘也很清晰。两者都应该显示背景颜色#be1b25，而不是#bc303a。同样，文本字段仍然显示圆角矩形，而不是完全矩形。
主视图控制器代码
@IBOutlet weak var searchBar: UISearchBar!
self.navigationController?.navigationBar.isTranslucent = true
navigationController?.nav
浏览 0提问于2018-08-04得票数 0
我想让右下角的半径与其他corners.How的半径不同，我能做到吗？什么CSS标签，我需要添加到DIV，以便它看起来像那样。*请参阅图像
有没有可能，有什么建议？你能添加一个有很好解释的链接吗？
谢谢你的帮助！
参考
浏览 0提问于2012-09-12得票数 3
当我使用chrome而不是firefox或ie9时，我很难弄明白为什么我的#屏幕元素中的边框半径消失了？
我有每个浏览器的所有不同前缀加上标准的边框半径：
www.cenquizqui.com
上面的内容框包含图片，名为#screen
一个screen的css副本粘贴：
#screen {background: none repeat scroll 0 0 #EEEEEE;
display: block;
height: 300px;
position: relative;
width: 960px;
overflow:hidden;
-moz-
浏览 0提问于2012-01-03得票数 12
回答已采纳
我使用的是jquery曲线边角。我知道还有一个叫做jquery corner的插件，但是它的文件大小比曲线角大得多，所以我决定用曲线角。
我有一个这样的标记：
<div class="roundedBox" style="border-width: 4px; margin-left: 10px; margin-right: 10px;
margin-top: 10px; margin-bottom: 10px; border: solid 4px #008FD9;">
<asp:Image Width="140" ID
浏览 0提问于2011-10-19得票数 0
1回答
我正在将CSS边框应用到div中，并且我在iOS 5中没有正确地获得边框的角连接，正如你在下图中所看到的那样。任何帮助都将不胜感激。谢谢
下面是用来生成DIV的
<div id="divSelection" style="position: absolute; border:3px dashed red; z-index: 1000; width: 305px; height: 206px; left: 50px; top: 50px; -webkit-transform: rotate(-10deg); "></div>
浏览 0提问于2012-05-31得票数 1
回答已采纳
我正在将TD中的图像插入到一个表中
style="background-image: url("my_url_goes_here")
然后，我在TD中应用了一个透明的PNG蒙版，这样它就会使图像的角变圆(与背景角的颜色相同，并显示在图片的中间)
我想知道我是否可以在CSS部件(style = "background-image: url())中编写图像的ALT，就像我要将ALT写到蒙版图像(这是用户可以保存的，如果他们右键单击图像)，谷歌将索引透明蒙版与ALT从图像。
如果不清楚我在问什么，我会进一步解释，直接问就行了。
另外，我的一个朋友几分钟前在电话中告诉我
浏览 0提问于2012-06-08得票数 0
回答已采纳
1回答
自定义按钮设计
、、
我想做一个自定义按钮。尝试了许多解决方案，但实际上无法正确完成。任何帮助都将不胜感激，提前谢谢。
附加下面的屏幕截图和代码
span.button__publish {
margin-left: 45px;
position: relative;
}
.button__publish button {
width: 137px;
height: 37.3px;
padding: 12.3px 38.5px 10px 37.5px;
border-radius: 4px;
background-color: #8ae38c;
浏览 1提问于2021-01-22得票数 0
所以我觉得我错过了一些东西，但我就是想不通。所以我想在我的CardView的顶部做一个小的色带，但是如果我使用框架布局，或者任何一种布局并设置背景颜色，它会覆盖CardView的圆角。以下是该问题的一些代码和屏幕截图。提前谢谢你！
<android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layo
浏览 0提问于2017-06-05得票数 2
我正在尝试使用imageViews来实现一些效果，我需要正确地设置锚点。在看不到它的情况下，这是非常困难的。
您将如何在imageview上显示它？
浏览 0提问于2012-06-26得票数 1
回答已采纳
1回答
如何将下图(在Objective-C中)中的boarder添加到UIImageView。我试着使用UIBezierPath，但没有成功。
浏览 0提问于2017-05-29得票数 0
3回答
按钮内边框
、、、
我对边框内的按钮有问题。我想让按钮填充边框内的按钮空间，但按钮放在边框的上方而不是边框的下方。这样它就隐藏了边界的corder半径。
这是我的问题的一张图片：
有人知道怎么把按钮放在边框下面吗？
下面是我的按钮的xaml：
<Button Name="filterCustomerBtn"
Command="{Binding Path=UpdateDepartments}"
Style="{StaticResource defaultButtonStyle}"
Width=
浏览 4提问于2011-12-27得票数 3
回答已采纳
2回答
我想做一个有点圆形的按钮与drawableStart (没有填充)。 我将这个添加到按钮背景中： <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#CC232323"/>
<corners
浏览 26提问于2020-12-21得票数 1
回答已采纳
我使用图像为IE浏览器提供圆角，但图像的阴影与IE中的实际边框略有不同。但在谷歌Chrome或Firefox中，情况并非如此。
在IE中，图像边角的阴影与边框的其余部分略有不同。我认为这是因为“颜色配置文件”，但我仍然不知道如何解决这个问题。
浏览 3提问于2011-02-24得票数 2
回答已采纳
2回答
<Style x:Key="tests" TargetType="{x:Type RadioButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
<ToggleButton
Background="{Binding Background,
RelativeSource={Relative
浏览 0提问于2016-12-23得票数 0
3回答
我刚开始做HTML/CSS，所以如果我在代码中犯了什么大错误，请纠正我。
问题就像在这张图片上看到的那样(很抱歉一些黑盒，那只是为了隐藏一些内容，只有顶部的图像才是问题)
您可以看到图片与边框重叠。所以我想知道有没有什么方法可以用CSS来解决这个问题，或者我必须编辑图片使其适合我的边框边角？
我在互联网上做了一些研究，我可能会有一个想法，这与我的绝对或相对位置有关？但我一点也不确定，所以我希望你们能帮我
浏览 0提问于2012-11-13得票数 0
回答已采纳
现在，我正在创建一个自定义视图，我想知道interface builder是如何决定何时引入一行的。
正如你所看到的，它将它划分为3个sub groups，但是我想知道如何决定一个子组的开始和结束位置。
因为我所做的就是像这样在彼此下面创建IBInspectables。
@IBInspectable var dotCount: Int = 0 { didSet { setup() } }
@IBInspectable var dotSize: CGFloat = 7 { didSet { dotSize = dotSize + 1.5 } }
@IBInspectable var
浏览 4提问于2017-03-15得票数 3
回答已采纳
3回答
我有一个表格，表格的一侧是一个链接数组。目前，我在悬停时更改了背景颜色，使其看起来就像表格中的单元格已被按下一样。这样做的问题是，在单元格上设置display:block属性后，当单元格悬停在其上时，会忽略圆角边缘，并且看起来很糟糕。有什么办法解决这个问题吗？
CSS
.bigtable {
text-align:left;
padding:0px 5px 0px 5px;
color:white;
border: 2px solid #999999;
margin:0px 5px 0px 5px;
-moz-border-radius:20p
浏览 6提问于2011-08-31得票数 1
回答已采纳
我正在使用它的文本，并想让我的肩峰曲线。例如带有圆角的文本字段，
并将相同的方法应用于buttons和imageField(pustButtonField)。
是否可以在itext中或通过使用其他api。
提前感谢大家的宝贵回复……
浏览 1提问于2013-07-01得票数 0
回答已采纳
免责声明:我已经修改/正在修改我的导师从互联网上下载的一个项目。
这是我的家庭作业项目:3个幸运饼干在屏幕上，用户点击“查找我的幸运”按钮，这将随机选择三个cookie中的一个(使用.randomElement()属性)。将打开一个窗口，显示该随机cookie图像。但是，我无法将窗口中的图像设置为.randomElement()属性的结果
我已经尝试过将UIImage转换为UIImageView，反之亦然，但现在我束手无策。
下面是正在形成的随机元素的全局类
class globalElements {
static let cookiesArray = [globalElements
浏览 75提问于2019-07-10得票数 0
回答已采纳
我在尝试向一些div添加圆角时遇到了这个问题，似乎找不到解决方案。我将这个css用于分配给div的类：
-moz-box-shadow: 0px 5px 5px #cccccc;
-webkit-box-shadow: 0px 5px 5px #cccccc;
box-shadow: 0px 5px 5px #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
以下是它在Chrome、Safari和Opera中的显示方式：
浏览 1提问于2011-05-11得票数 0
回答已采纳
2回答
我试图在一个圆圈中创建108个点，并且我得到了索引超出范围的错误。这些点是使用UILabels数组创建的。 我有以下代码： func createMala() {
let malaFrame = UIView()
malaFrame.frame = CGRect(x: 0, y: 0, width: view.frame.width - 20, height: view.frame.width - 20)
malaFrame.center = CGPoint(x: view.frame.width / 2.0, y: (malaFrame.fr
浏览 9提问于2019-04-19得票数 0
回答已采纳
3回答
我发现了一个关于圆形UIButton的奇怪问题。
这是我创建这个按钮的代码块。
let roundedButton = UIButton(type: .System)
roundedButton.frame = CGRectMake(100, 100, 100, 100)
roundedButton.backgroundColor = UIColor.blackColor()
roundedButton.layer.borderColor = UIColor.whiteColor().CGColor
roundedButton.layer.borderWidth = 3.0
roundedBu
浏览 15提问于2016-07-25得票数 8
回答已采纳
1回答
尽管我可能会尝试，但我不能皮肤火花按钮，当我把按钮内火花dataGrid。我被限制使用光晕主题。
我在一个单独的mxml文件中创建了按钮呈现器；我在dataGrid外部有单独的按钮，可以正确地显示皮肤，所以我确信皮肤没有任何问题。这样做的主要目的是在dataGrid内部使用与外部相同的皮肤
下面的代码显示了与我看到的相同的行为；在本例中，渲染器是以行的形式创建的。看起来skinClass似乎不受尊重。还是有别的方法可以做到。
<s:DataGrid id="dg" width="500" dataProvider="{employees2}"
浏览 50提问于2014-01-31得票数 0
3回答
具有圆角和边框的UIButton
、、、、
我想在UIButton上设置边框，只在一侧设置圆角
我使用以下代码：
//set rounded corners on top
UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:self.scanButton.bounds byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerTopRight) cornerRadii:CGSizeMake(10.0, 10.0)];
CAShapeLayer *maskLayer = [CAShapeLayer layer]
浏览 3提问于2013-10-08得票数 2
3回答
我刚接触bootstrap和angular：
我想用bootstrap做三个平行的正方形按钮。页面应该是这样的：：
...........................................................................................................................
My title(in center)
Square button-1 square button-2
浏览 9提问于2019-07-14得票数 0
9回答
如何使按钮的角变圆
、、、、
我有一个矩形图像(jpg)，并想用它来填充一个按钮的背景圆角在xcode。
我写了以下内容：
UIButton *button = [[UIButton buttonWithType:UIButtonTypeRoundedRect] retain];
CGRect frame = CGRectMake(x, y, cardWidth, cardHeight);
button.frame = frame;
[button setBackgroundImage:backImage forState:UIControlStateNormal];
然而，我用这种方法得到的按钮并没有圆角:它是一个看起来
浏览 114提问于2011-02-19得票数 193
回答已采纳
1回答
我想创建一个具有条纹效果的滑块，如下图所示：
他们如何将图像“切割”成多条条纹？我希望在自定义形状条纹中“剪切”我的图像(不是像示例中那样的默认矩形条纹，而是以自定义方式弯曲)。
链接到实际示例滑块：
我只需要概念上的解释，开始点，我不期望或想要实际的代码。我在互联网上搜索的，但是教程只提供简单的效果，比如滑动或衰落，我知道如何实现。
浏览 1提问于2015-03-31得票数 0
回答已采纳
我已经在我的移动网站中添加了单选按钮，但它看起来是方形的渐变填充，特别是在iPhone浏览器上，当单击它时，它会显示选定的单选按钮，周围的边框很亮。在其他手机浏览器上，它看起来就像windows和android手机上没有边框的单选按钮。
我试图通过CSS来控制这一点，但效果不佳。
input[type="radio"] {border: none!important; background-color: transparent; appearance: radio; -moz-appearance: radio; -webkit-appearance: radio;}
这是实际
浏览 7提问于2013-07-09得票数 0
我正在使用css创建一个带有锚定标签的按钮样式(下面的css)，代码在firefox、safari和chrome中运行良好，圆角显示得很完美。然而，在ie9中，按钮内部出现了一种奇怪的条带。我附上了一张图片来显示我的意思，有这些线大约穿过按钮的一半。这真的很奇怪，它甚至出现在我试图弄清楚是不是只有我一个人的教程中的按钮上。以下是本教程的链接：
有人知道这是什么原因吗？这些线条实际上是透明的，因为您可以通过按钮中的线条看到中间div的黄色背景。我对如何纠正这一点感到困惑。
css：
.button{
padding:1px 5px;
background:#cbebd3;
浏览 0提问于2012-05-01得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
