CSS 类在控件之间添加空间

CSS class to add space between the Controls

提问人:Abdul 提问时间:10/12/2023 更新时间:10/12/2023 访问量:50

问:

我在用户控件中使用了 3 个单选按钮,我需要在单选按钮之间添加空格,而不是在文本或按钮与其文本之间,而是在按钮之间,您能帮我如何在单选按钮之间添加空间吗,我的用户控件列表如下

public class RadioButtonListAppointmentFormat : MyCalSTRSRadioButtonList
{
    public RadioButtonListAppointmentFormat(): base()
    {
        this.CellPadding = 0;
        this.CellSpacing = 0;

        Items.Add(new ListItem("In Person", "InPerson"));
        Items.Add(new ListItem("Telephone", "Telephone"));
        Items.Add(new ListItem("Web Based", "Web"));

        SelectedIndex = 0;
        this.SetDisplayTextToNoWrap();
    }
}

用户控件的基类

public class MyCalSTRSRadioButtonList : BaseRadioButtonList
{
    public MyCalSTRSRadioButtonList() : base()
    {
        this.CssClass = ApplicationSettings.CssClass.FormText;
    }
}

这是它正在使用的 CSS

.formtext {
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 22px !important;
}

下面是将 css 附加到用户控件

public static string FormText
 {
     get { return "formtext"; }
 }

任何帮助将不胜感激

JavaScript C# CSS asp.net 用户控件

评论

2赞 ralph.m 10/12/2023
最好只发布相关的 HTML 和 CSS。
0赞 Abdul 10/12/2023
这就是我所拥有的拉尔夫
1赞 Brett Donald 10/12/2023
@ralph.m 的意思是,要解决问题,我们需要的不是从源代码开始,而是从生成的代码发送到浏览器开始。使用浏览器检查器并将 HTML/CSS 从那里复制到您的问题中。

答:

2赞 Cristian Omar Guzman Vargas 10/12/2023 #1
 .formtext {
    font-size: 1.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 22px !important;
    }

.formtext input[type="radio"] {
    margin-right: 10px; /* Puedes ajustar el valor según sea necesario */
  }

评论

0赞 Abdul 10/12/2023
非常感谢克里斯蒂安,我该怎么做才能仅将此更改应用于此用户控件的元素而不是其他控件,我应该如何调用此 in.cs 文件,我应该创建一个不同的属性?非常感谢你,我的朋友。
0赞 Abdul 10/13/2023
嗨,克里斯蒂安,出于某种原因,它没有反映在我的朋友的 UI 上,即使我添加了右边距:10px;在这两种情况下,.formtext 和 .formtext 输入,UI 保持不变,任何帮助我的朋友为什么不更新 UI,我也清除了缓存。