Jak zwiększyć rozmiar wyboru w CSS

Pole wyboru to hTML typu wejściowego, który pozwala użytkownikowi dokonać wyboru między dwiema lub więcej możliwymi opcjami. Pozwala użytkownikowi wybrać wiele wartości z predefiniowanej listy. Domyślnie pole wyboru znajduje się w małym kwadratowym polu; Czasami jednak ważne jest zwiększenie wielkości pola wyboru, aby zwiększyć jego widoczność.

W tym podręczniku wyjaśnimy metodę zwiększenia wielkości pola wyboru za pomocą CSS.

Jak zwiększyć rozmiar pola wyboru w CSS?

Możesz użyć pola wyboru w HTML, aby przyjmować dane wejściowe od użytkowników. Oferuje predefiniowany zestaw wartości za pomocą, którego użytkownik może dokonać wyboru binarnego. Ponadto, aby zwiększyć rozmiar pola wyboru, „szerokość" I "wysokość„Można zastosować właściwości CSS.

Składnia

Składnia tych właściwości to:

szerokość: wartość
Wysokość: wartość

W miejscu "wartość”, Możesz ustawić„szerokość" I "wysokość”Dowolnego elementu zgodnie z Twoimi preferencjami.

Przejdźmy do praktycznych przykładów, w którym utworzymy pole wyboru i zwiększymy jego rozmiar za pomocą „szerokość" I "wysokość" nieruchomości.

Przykład: Utwórz pole wyboru i zwiększ jego rozmiar w CSS

Aby zwiększyć rozmiar wyboru, najpierw weźmiemy typ wejściowy „pole wyboru”W pliku HTML wewnątrz znacznika:

Obecnie domyślny rozmiar pola wyboru jest następujący:

Teraz przejdź do CSS, aby zwiększyć rozmiar pola wyboru.

Tutaj uzyskujemy dostęp do „wejście”Typ zdefiniowany w sekcji HTML i ustaw szerokość i wysokość pola wyboru jako„50px”:

wejście
szerokość: 50px;
Wysokość: 50px;

Z powodzeniem zwiększyliśmy rozmiar utworzonego pola wyboru za pomocą właściwości wysokości i szerokości CSS:

Notatka: Aby zwiększyć rozmiar pola wyboru ”,„szerokość" I "wysokość„Obie właściwości są niezbędne do ustawienia, ponieważ rozmiar nie zmienia się, jeśli określisz jedną wartość.

Omówiliśmy prostą metodę zwiększenia wymiaru pola wyboru w CSS.

Wniosek

CSS „szerokość" I "wysokość„Właściwości służą do zwiększenia wielkości pola wyboru. Możesz określić dowolną wartość w „px”Jednostki do ustawiania rozmiaru zgodnie z Twoimi wymaganiami. Jednak wartości obu właściwości są potrzebne do zmiany rozmiaru pola wyboru. W tym przewodniku wyjaśniliśmy procedurę zwiększenia rozmiaru wyboru za pomocą CSS.