將input設定為圓形選擇按鈕並新增樣式

阿新 • • 發佈：2022-12-02

程式碼：

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <title>圓形按鈕</title>

</head>
<style type="text/css">
        input[type="checkbox"] {

           width: 1.2rem;

           height: 1.2rem;

           display: inline-block;
            text-align 
: center;

           vertical-align: baseline;

          line-height: 1.2rem;

           position: relative;

            border-radius: 50%;
            outline: none;
            -webkit-appearance: none;

           border: 1px solid #fff;

            -webkit-tab-highlight-color: rgba(0, 0, 0, 0); 


            color: #fff;

            background: #fff;

        }
        input[type="checkbox"]::before {

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            background: #fff;

            width: 100%;

            height: 100%;

            border 
: 1px solid #999999;

            border-radius: 50%;

            color: #fff;

        }
        input[type=checkbox]:checked::before {

            content: "\2713";

            background-color: #657afe;

            border: 1px solid #657afe;

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            color: #fff;

           font-size: 0.52rem;

           border-radius: 50%;

       }

</style>

<body>

    <input type="checkbox" value="按鈕">
    
</body>

</html>

選擇前：

選擇後：

將input設定為圓形選擇按鈕並新增樣式

程式碼： <!doctype html> <html> <head> <meta charset=\"UTF-8\"> <title>圓形按鈕</title>

globals()函式，實現將引數設定為系統的全域性變數

import unittest import requests class TestA(unittest.TestCase): def setUp(self): self.s = requests.session()

如何將頁面設定為微信端才能開啟

　　我們有時候開發一個新專案比較辛苦，不想讓別人輕易就能反編譯程式碼，我們可以加一個授權登入，如果不是在微信端登入就會提示“請在微信客戶端開啟連結”，如下圖所示，這就是很多網友說的微信連結無法在pc端開

input 標籤為checkbox時修改 checkbox的樣式

checkbox時，第一種方法是可以加個labelfor來繼承Input的ID，然後修改label就可以了。如下

C#架構設計-程式執行時從xml配置檔案中載入配置項並設定為全域性變數

場景 C#中全域性作用域的常量、欄位、屬性、方法的定義與使用： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/102550025

Win10專業版將通知方式設定為氣泡式的方法

電腦升級至win10專業版系統後，介面都發生改變，比如Win10系統的通知框方式和win7的氣泡式通知有很大不同，好多人還是喜歡氣泡式，那麼我們該怎麼更改呢？大家可以參考下面的方法！簡單又安全。

Python 實現將某一列設定為str型別

方法一：讀取檔案時設定程式碼如下： Data = pd.read_excel(level_path,sheet_name=0,encoding=\'gbk\',dtype={\'時間\': \'str\'})

將tomcat 釋出為Windows服務並執行war 包

釋出成服務的好處執行無黑視窗不會應為操作不當而關閉專案將tomcat 釋出成為服務具體步驟：

JS之將當前視窗設定為頂級視窗

相關 self：返回對當前視窗的引用。等價於 Window 屬性。 top：屬性返回最頂層的先輩視窗。該屬性返回對一個頂級視窗的只讀引用。如果視窗本身就是一個頂級視窗，top 屬性存放對視窗自身的引用。如果視窗是一個框架

上手做一個華為鴻蒙手錶應用 2 - 在主頁新增一個按鈕並響應點選事件

接上一篇：https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356376262560775&fid=0101303901040230869

idea設定：將普通資料夾設定為resourses資原始檔夾或者java程式碼根目錄資料夾

如下圖所示的resources資料夾不是一個資原始檔夾，所以無法讀取資料夾下配置檔案的內容，配置檔案也無法生效。具體操作如下：

TOP3 [RK3288 Android7.1.2 ]將裝置網速設定為1000Mbits/sec

*Platform: ROCKCHIP Chip: RK3288 OS: Android7.1.2 Kernel: 4.4.143** 將RK3288的網速設為1000Mbits/sec的話只需要更改其裝置樹檔案：

將快速撥號設定為Opera啟動頁面

Reader John wrote in today asking how to set Opera to open directly to the Speed Dial page… so after a bit of testing I figured it out, and am sharing with everybody else.

在js中將日期轉換為字串_如何在Word 2013中將文字轉換為表格並將錶轉換為文字...

在js中將日期轉換為字串 Have you entered some text in columns separated by tabs and you want to convert it to a table? Word provides a useful feature that allows you to quickly convert

將Windows 8設定為按應用程式輸入語言模式

If your main language is not English, you may have set your PC’s input setting to something else. On Windows 7, this was a per application setting, however that changed on Windows 8.