css如何定义button

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css如何定义button相关的知识,希望对你有一定的参考价值。

我只想定义一下button的样式,但是使用
INPUT
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana,宋体; BACKGROUND-COLOR: #D5CEBA
后,所有带有input标记都变了,高手帮忙啊!

给按钮添加css样式有以下三种方法:


1,直接在元素上定义style,如下:

<input type="button" style="这里定义样式">


2,页面中内嵌样式,如下:

<style>
    .btn需要添加的样式
</style>
<input type="button" class="btn">


3,外部引用css文件,如下:

<link rel="stylesheet" type="text/css" href="这里是css文件的路径">

参考技术A 起一个别的名字,然后设置你的button的class属性
.aa
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Verdana,宋体; BACKGROUND-COLOR: #D5CEBA


<input type="button" value="abc" id="abcd" name="abcd" class="aa" ></input>
参考技术B 1.在input前加上父层名字,例:#main input……这样里面的属性只加在main层下面的input里
2.给input加入class或id,直接定义他们的class或id,本回答被提问者采纳
参考技术C 按钮用
<button type="submit"></button>

如何在 SwiftUI 中将 Closure 定义为 Button 的操作?

【中文标题】如何在 SwiftUI 中将 Closure 定义为 Button 的操作?【英文标题】:How can I define Closure as action for Button in SwiftUI? 【发布时间】:2021-02-12 21:42:44 【问题描述】:

我正在使用此向下代码,但 xCode 甚至由于以下原因无法编译:

struct ContentView: View 
    
    @State private var stringOfText: String = "Hello, world!"
    let action: () -> Void =  stringOfText = "updated!"        // <<: Here
    
    var body: some View 
        
        Text(stringOfText)
            .padding()
        
        Button(action: action, label: 
            Text("update")
        )
        
    

【问题讨论】:

【参考方案1】:

将其定义为函数:

struct ContentView: View 
    
    @State private var stringOfText: String = "Hello, world!"
    
    func action() 
        self.stringOfText = "updated!"
    
    
    var body: some View 
        
        Text(stringOfText)
            .padding()
        
        Button(action: action, label: 
            Text("update")
        )
        
    

关于在初始化期间捕获 self 的相关 SO(这是您的原始代码通过在这样的属性中定义闭包所做的事情):Referencing self in super.init 简而言之,这是一件复杂的事情,需要巧妙的思考才能避免。但是,幸运的是,在这里将其定义为函数似乎没有任何缺点。

【讨论】:

但是如果我们想使用闭包呢?正如我们在 Button 初始化方法中看到的那样,我们可以定义一个闭包,例如:() -> Void 恕我直言,我知道错误的原因,我只是想让它工作 查看我发布的链接——它不同,因为它在初始化程序中。

以上是关于css如何定义button的主要内容,如果未能解决你的问题,请参考以下文章

android 如何设置button的大小

自定义view的步骤

kendo mvvm:如何定义自定义 css 绑定

css如何定义button

ionic跳转

如何给指定的a标签定义css样式。