Как изменить цвет fieldset

I want to set border color of field set. I am using class but this is not working properly because i want to remove fieldset default border color. so how can I use fieldset border color. <field...

I want to set border color of field set. I am using class but this is not working properly because i want to remove fieldset default border color.
so how can I use fieldset border color.

<fieldset class="field_set">
    <legend>box</legend>
     <table width="100%" border="0" cellspacing="0" cellpadding="0">
           <tr>
               <td>&nbsp;</td>
           </tr>
      </table>
</fieldset>

css

.field_set{
 border-color:#F00;
}

Manoj Govindan's user avatar

asked Sep 18, 2010 at 10:32

Kali Charan Rajput's user avatar

0

It does appear red on Firefox and IE 8. But perhaps you need to change the border-style too.

.field_set{
  border-color: #F00;
  border-style: solid;
}
<fieldset class="field_set">
  <legend>box</legend>
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</fieldset>

alt text

answered Sep 18, 2010 at 10:36

kennytm's user avatar

kennytmkennytm

504k104 gold badges1068 silver badges996 bronze badges

2

It works for me when I define the complete border property. (JSFiddle here)

.field_set{
 border: 1px #F00 solid;
}​

the reason is the border-style that is set to none by default for fieldsets. You need to override that as well.

answered Sep 18, 2010 at 10:37

Pekka's user avatar

I added it for all fieldsets with 

fieldset {
        border: 1px solid lightgray;
    }

I didnt work if I set it separately using for example

border-color : red

. Then a black line was drawn next to the red line.

Script47's user avatar

Script47

14k4 gold badges43 silver badges64 bronze badges

answered Feb 28, 2013 at 10:29

user1021860's user avatar

If you don’t want 3D border use:

border:#f00 1px solid;

answered Sep 18, 2010 at 10:40

mx0's user avatar

mx0mx0

6,14711 gold badges51 silver badges53 bronze badges

Источник

HTML-элемент <fieldset> используется для группировки нескольких элементов управления в веб-форме.

Интерактивный пример

Пример выше показывает, как элемент <fieldset> группирует части HTML-формы, а вложенный элемент <legend> даёт заголовок для <fieldset>. Он может иметь несколько атрибутов, самый используемый из них form, который содержит id формы <form> на этой же странице. Этот атрибут позволяет сделать <fieldset> частью формы <form> даже если он не находится внутри неё. Также вы можете отключить <fieldset> и всё его содержимое с помощью атрибута disabled.

Атрибуты

Этот элемент включает в себя глобальные атрибуты (en-US).

disabled HTML5

Если этот логический атрибут установлен, все элементы управления формой, вложенные в <fieldset> будут отключены. Это значит, что их нельзя изменять, но можно отправить через форму <form>, в отличие от атрибута disabled на элементах управления формой. Они не будут реагировать на браузерные события, такие как клики мышью или события focus. По умолчанию, браузер отображает такие элементы управления в сером цвете. Обратите внимание, что элементы формы внутри элемента <legend> не будут отключены.

form HTML5

Этот атрибут принимает значение атрибута id элемента <form>, с которой вам нужно связать <fieldset>, даже если он находится вне формы.

name HTML5

Имя, связанное с группой.

Примечание: Заголовок для <fieldset> устанавливается первым <legend> внутри него.

Стилизация с CSS

Есть несколько особенностей стилизации <fieldset>.

По умолчанию, значение свойства display равняется block, что создаёт блочный контекст форматирования. Если установить значение display как inline-элементу <fieldset>, это будет работать как inline-block, в ином случае, это будет работать как block. По умолчанию, имеется border 2px groobe вокруг содержимого и небольшой внутренний отступ. Элемент имеет min-inline-size: min-content по умолчанию.

Если задан <legend>, он будет помещён поверх верхней границы. <legend> сжимается и переносится, также имеет свой контекст форматирования. Значение display блочное (например, display: inline работает как block).

Примеры

Простой fieldset

Этот пример показывает простой <fieldset> с <legend> и единственным элементом управления внутри.

<form action="#">
  <fieldset>
    <legend>Simple fieldset</legend>
    <input type="radio" id="radio" />
    <label for="radio">Spirit of radio</label>
  </fieldset>
</form>

Отключённый fieldset

Этот пример показывает отключённый <fieldset> с двумя элементами управления внутри.

<form action="#">
  <fieldset disabled>
    <legend>Disabled fieldset</legend>
    <div>
      <label for="name">Name: </label>
      <input type="text" id="name" value="Chris" />
    </div>
    <div>
      <label for="pwd">Archetype: </label>
      <input type="password" id="pwd" value="Wookie" />
    </div>
  </fieldset>
</form>

Техническая сводка

Категории контента (en-US) Основной поток, корневой раздел, listed (en-US), контент форм, явный контент.
Разрешённый контент Необязательный элемент <legend>, следующий в основном потоке.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Разрешённые родители Любой элемент основного потока
Разрешённые ARIA roles group (en-US), presentation (en-US)
Взаимодействие с DOM HTMLFieldSetElement (en-US)

Спецификации

Specification
HTML Standard
# the-fieldset-element

Совместимость с браузерами

BCD tables only load in the browser

See also

Источник

Earn income with your HTML skills

Sign up and we’ll send you the best freelance opportunities straight to
your inbox.
We’re building the largest self-service freelancing marketplace for people like you.

A style attribute on a <fieldset> tag assigns a unique style to the fieldset.

Its value is CSS that defines the appearance of the fieldset.

Example

#

A style attribute on a <fieldset> element.

<form action="/tutorial/action.html">
  <fieldset style="padding:30px; border:3px solid #4238ca; background:#f6f8ff;">
    <legend>Customer Information</legend>
  
    <input type="text" placeholder="First name" name="firstname"><br /><br />
    <input type="text" placeholder="Last name" name="lastname"><br /><br />
    <input type="text" placeholder="City" name="city"><br /><br />
    <div>
      <input type="checkbox" id="insurance" name="hasinsurance" value="hasinsurance">
      <label for="insurance">Has Insurance</label>
    </div>
    
    <input type="submit" value="Submit" />
  </fieldset>
</form>

Using style

The style attribute specifies the style, i.e. look and feel, of the <fieldset> element.

A style contains any number of CSS property/value pairs, separated by semicolons (;).

The style attribute overrides any other style that was defined in a <style> tag or an external CSS file.

This inline styling affects the current <fieldset> element only.

Syntax

<fieldset style="CSS-styles">

Values

#

Value Description
CSS-styles One or more CSS property/value pairs separated by semicolons (;).

More Examples

A style attribute on a <fieldset> element.
Clicking the button toggles the border color. 

<form action="/tutorial/action.html">
  <fieldset id="myfieldset" 
            style="padding:30px; border:3px solid navy; background:aliceblue;">
    <legend>Customer Information</legend>
  
    <input type="text" placeholder="First name" name="firstname"><br /><br />
    <input type="text" placeholder="Last name" name="lastname"><br /><br />
    <input type="text" placeholder="City" name="city"><br /><br />
    <div>
      <input type="checkbox" id="insurance" name="hasinsurance" value="hasinsurance">
      <label for="insurance">Has Insurance</label>
    </div>
    
    <input type="submit" value="Submit" />
  </fieldset>
</form>

<br/><br/>
<button type="button" onclick="toggle();">Toggle style</button>

<script>
  let toggle = () => {

    let element = document.getElementById("myfieldset");

    if (element.style.borderColor === "navy") {
       element.style.borderColor = "orchid";
    } else {
       element.style.borderColor = "navy";
    }
  }
</script>

Code explanation

The style attribute assigns a border color to the <fieldset> element.

Clicking the button calls JavaScript that changes the border color.

Browser support

Here is when style support started for each browser:

Chrome

 1.0 Sep 2008

Firefox

 1.0 Sep 2002

IE/Edge

 1.0 Aug 1995

Opera

 1.0 Jan 2006

Safari

 1.0 Jan 2003

You may also like

  • Our HTML fieldset Tag Reference
  • Our HTML style Attribute Reference
  • Our CSS Forms Tutorial

 Back to <fieldset>

Earn income with your HTML skills

Sign up and we’ll send you the best freelance opportunities straight to
your inbox.
We’re building the largest self-service freelancing marketplace for people like you.

  • HTML Tables
  • HTML Images
  • HTML Color Names
  • HTML Links
  • HTML Tags
  • HTML Lists
  • HTML Forms
  • HTML Buttons
  • HTML Spaces
  • HTML Checkboxes
  • HTML Editors
  • HTML Comments

Источник

Asked
2 years, 6 months ago

Viewed
2k times

Briefly, i want to change the color of an outline of a fieldset to a color of my choice (blue for example) instead of the default grey outline color.

And this happens when i click on the (input) field:

Note CSS property does not work

I use this code

fieldset {
  border: 2px solid blue;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="legned.css">
  <!-- Latest compiled and minified CSS -->
  <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
  <link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">

  <!-- Latest compiled and minified JavaScript -->
  <script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js" integrity="sha384-a9xOd0rz8w0J8zqj1qJic7GPFfyMfoiuDjC9rqXlVOcGO/dmRqzMn34gZYDTel8k" crossorigin="anonymous"></script>
  <title>Bootstrap Legned</title>
</head>

<body>

  <fieldset class="border p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">First Name</legend>
    <input name="text1" type="text" />
  </fieldset>
  <fieldset class="border p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">Last Name</legend>
    <input name="text1" type="text" />
  </fieldset>

</body>

</html>

The illustrations are attached below:

Before click on input

After click on input

drpelz's user avatar

drpelz

80111 silver badges43 bronze badges

asked Jul 27, 2020 at 20:34

Ali Aker's user avatar

1

You should fix how you’re importing your Bootstrap as well, but when I removed .border, your CSS worked after adding !important to make sure it overrides the inherited Bootstrap CSS.

fieldset {
  border: 2px solid blue !important;
}
<head>
  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
</head>
<body>

  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">First Name</legend>
    <input name="text1" type="text" />
  </fieldset>
  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">Last Name</legend>
    <input name="text1" type="text" />
  </fieldset>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>

answered Jul 27, 2020 at 20:41

Jeff Berlin's user avatar

Jeff BerlinJeff Berlin

5906 silver badges16 bronze badges

1

Just add an empty div to the fieldset and style it this way:

fieldset {
  border: none;
  position: relative;
  margin-bottom: 0.5em;
}

input:focus ~ div {
  border: 2px solid blue;
}

fieldset > div {
  height: calc(100% - 0.5em);
  width: 100%;
  position: absolute;
  top: 0.5em;
  left: 0;
  border: 2px solid lightgray;
  z-index: -1;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="legned.css">
  <!-- Latest compiled and minified CSS -->
  <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
  <link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">

  <!-- Latest compiled and minified JavaScript -->
  <script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js" integrity="sha384-a9xOd0rz8w0J8zqj1qJic7GPFfyMfoiuDjC9rqXlVOcGO/dmRqzMn34gZYDTel8k" crossorigin="anonymous"></script>
  <title>Bootstrap Legned</title>
</head>

<body>
  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">First Name</legend>
    <input name="text1" type="text" />
    <div></div>
  </fieldset>
  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">Last Name</legend>
    <input name="text1" type="text" />
    <div></div>
  </fieldset>
</body>

</html>

answered Jul 27, 2020 at 20:55

Mobina's user avatar

MobinaMobina

5,8532 gold badges23 silver badges37 bronze badges

Источник

Asked
2 years, 6 months ago

Viewed
2k times

Briefly, i want to change the color of an outline of a fieldset to a color of my choice (blue for example) instead of the default grey outline color.

And this happens when i click on the (input) field:

Note CSS property does not work

I use this code

fieldset {
  border: 2px solid blue;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="legned.css">
  <!-- Latest compiled and minified CSS -->
  <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
  <link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">

  <!-- Latest compiled and minified JavaScript -->
  <script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js" integrity="sha384-a9xOd0rz8w0J8zqj1qJic7GPFfyMfoiuDjC9rqXlVOcGO/dmRqzMn34gZYDTel8k" crossorigin="anonymous"></script>
  <title>Bootstrap Legned</title>
</head>

<body>

  <fieldset class="border p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">First Name</legend>
    <input name="text1" type="text" />
  </fieldset>
  <fieldset class="border p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">Last Name</legend>
    <input name="text1" type="text" />
  </fieldset>

</body>

</html>

The illustrations are attached below:

Before click on input

After click on input

drpelz's user avatar

drpelz

80111 silver badges43 bronze badges

asked Jul 27, 2020 at 20:34

Ali Aker's user avatar

1

You should fix how you’re importing your Bootstrap as well, but when I removed .border, your CSS worked after adding !important to make sure it overrides the inherited Bootstrap CSS.

fieldset {
  border: 2px solid blue !important;
}
<head>
  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
</head>
<body>

  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">First Name</legend>
    <input name="text1" type="text" />
  </fieldset>
  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">Last Name</legend>
    <input name="text1" type="text" />
  </fieldset>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>

answered Jul 27, 2020 at 20:41

Jeff Berlin's user avatar

Jeff BerlinJeff Berlin

5906 silver badges16 bronze badges

1

Just add an empty div to the fieldset and style it this way:

fieldset {
  border: none;
  position: relative;
  margin-bottom: 0.5em;
}

input:focus ~ div {
  border: 2px solid blue;
}

fieldset > div {
  height: calc(100% - 0.5em);
  width: 100%;
  position: absolute;
  top: 0.5em;
  left: 0;
  border: 2px solid lightgray;
  z-index: -1;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="legned.css">
  <!-- Latest compiled and minified CSS -->
  <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.js"></script>
  <link rel="stylesheet" href="https://cdn.rtlcss.com/bootstrap/v4.2.1/css/bootstrap.min.css" integrity="sha384-vus3nQHTD+5mpDiZ4rkEPlnkcyTP+49BhJ4wJeJunw06ZAp+wzzeBPUXr42fi8If" crossorigin="anonymous">

  <!-- Latest compiled and minified JavaScript -->
  <script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js" integrity="sha384-a9xOd0rz8w0J8zqj1qJic7GPFfyMfoiuDjC9rqXlVOcGO/dmRqzMn34gZYDTel8k" crossorigin="anonymous"></script>
  <title>Bootstrap Legned</title>
</head>

<body>
  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">First Name</legend>
    <input name="text1" type="text" />
    <div></div>
  </fieldset>
  <fieldset class="p-2 w-25 mr-auto ml-2">
    <legend class="w-auto">Last Name</legend>
    <input name="text1" type="text" />
    <div></div>
  </fieldset>
</body>

</html>

answered Jul 27, 2020 at 20:55

Mobina's user avatar

MobinaMobina

5,8532 gold badges23 silver badges37 bronze badges

Источник

<fieldset>: элемент набора полей

<fieldset> HTML — элемент используется для группировки нескольких элементов управления, а также в качестве меток ( <label> ) в веб — форме.

Try it

Как показано в приведенном выше примере, элемент <fieldset> обеспечивает группировку для части HTML-формы, а вложенный элемент <legend> обеспечивает заголовок для <fieldset> . Он принимает несколько атрибутов, наиболее заметным из которых являются form , которая может содержать id из более <form> на той же странице, что позволяет сделать <fieldset> часть этого <form> , даже если он не вложенным , и disabled , что позволяет отключить <fieldset> и все его содержимое за один раз.

Attributes

Этот элемент включает глобальные атрибуты .

disabled

Если этот логический атрибут установлен, все элементы управления формы, которые являются потомками <fieldset> , отключены, то есть они не редактируются и не будут отправлены вместе с <form> . Они не будут получать никаких событий просмотра, таких как щелчки мыши или события, связанные с фокусом. По умолчанию браузеры отображают такие элементы управления серым цветом. Обратите внимание, что элементы формы внутри элемента <legend> не будут отключены.

form

Этот атрибут принимает значение атрибута id элемента <form> <fieldset> , даже если он не находится внутри формы. Обратите внимание, что использование этого сбивает с толку — если вы хотите, чтобы элементы <input> внутри <fieldset> были связаны с формой, вам нужно использовать атрибут form Вы можете проверить, какие элементы связаны с формой через JavaScript, используя HTMLFormElement.elements .

name

Имя,связанное с группой.

Примечание . Заголовок для набора полей задается первым элементом <legend> , вложенным в него.

Стиль с CSS

Есть несколько особых соображений относительно стиля для <fieldset> .

Его display значение по умолчанию является block , и оно устанавливает контекст форматирования блока . Если <fieldset> стилизован с display значением на уровне строки , он будет вести себя как inline-block , в противном случае он будет вести себя как block . По умолчанию вокруг содержимого имеется groove шириной 2 2px и небольшое количество отступов по умолчанию. По умолчанию элемент имеет min-inline-size: min-content .

Если присутствует <legend> , она помещается поверх границы block-start . В <legend> термоусадочные пояски, а также устанавливает контекст форматирования. display значение blockified. (Например, display: inline ведет себя как block .)

Будет анонимное поле, содержащее содержимое <fieldset> , которое наследует определенные свойства от <fieldset> . Если для <fieldset> задан стиль display: grid или display: inline-grid , то анонимный блок будет контекстом форматирования сетки. Если <fieldset> оформлен с помощью display: flex или display: inline-flex , то анонимное поле будет контекстом форматирования flex. В противном случае он устанавливает контекст форматирования блока.

Вы можете свободно <fieldset> и <legend> так, как хотите, в соответствии с дизайном вашей страницы.

Examples

Simple fieldset

В этом примере показан действительно простой пример <fieldset> с <legend> и единственным элементом управления внутри него.

<form action="#">
  <fieldset>
    <legend>Simple fieldset</legend>
    <input type="radio" id="radio">
    <label for="radio">Spirit of radio</label>
  </fieldset>
</form>

Disabled fieldset

В этом примере показан отключенный <fieldset> с двумя элементами управления внутри него. Обратите внимание, что оба элемента управления отключены из-за того, что они находятся внутри отключенного <fieldset> .

<form action="#">
  <fieldset disabled>
    <legend>Disabled fieldset</legend>
    <div>
      <label for="name">Name: </label>
      <input type="text" id="name" value="Chris">
    </div>
    <div>
      <label for="pwd">Archetype: </label>
      <input type="password" id="pwd" value="Wookie">
    </div>
  </fieldset>
</form>

Technical summary

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox для Android Opera Android Safari на IOS Samsung Internet
fieldset

Yes

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 262679 .

12

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 4511145 .

Yes

Yes

Yes

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 262679 .

Yes

Yes

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 262679 .

Yes

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 262679 .

Yes

Yes

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 262679 .

Yes

Yes

Не поддерживает flexbox и grid в этом элементе. См. Ошибку 262679 .
disabled

Yes

12

Не работает с вложенными наборами полей. Например: <fieldset disabled><fieldset><!--Still enabled--></fieldset></fieldset>

Yes

Yes

Не все потомки элементов управления формой отключенного набора полей правильно отключены в IE11; см. ошибку IE 817488: input [type = ‘file’] не отключен внутри отключенного набора полей и ошибку IE 962368: все еще можно редактировать input [type = ‘text’] в fieldset [disabled] .

12

6

4.4

Yes

Yes

No

6

Yes
form

Yes

12

Yes

Yes

Yes

Yes

Yes

Yes

Yes

Yes

Yes

Yes
name

Yes

12

Yes

Yes

Yes

Yes

Yes

Yes

Yes

Yes

Yes

Yes

See also

  • <legend> Элемент
  • <input> Элемент
  • <label> элемент
  • <form> Элемент

HTML

  • <em>: элемент «Акцент»

    HTML-элемент <em> помечает текст с ударением.

  • <embed>: элемент Embed External Content

    HTML-элемент <embed> встраивает внешний контент в указанную точку документа.

  • <figcaption>: элемент подписи к рисунку.

    HTML-элемент <figcaption> представляет собой легенду, описывающую остальную часть содержимого его родительского элемента <figure>. Этот элемент включает только глобальные атрибуты.

  • <figure>: Рисунок с дополнительным элементом Caption.

    HTML-элемент <figure> представляет собой автономный контент, потенциально с необязательным заголовком, который указывается с помощью <figcaption> Только этот элемент

Источник

Понравилась статья? Поделить с друзьями:

Читайте также:

  • Как изменить цвет entry tkinter
  • Как изменить цвет edittext android studio
  • Как изменить цвет echo
  • Как изменить цвет dualshock 4 на андроид
  • Как изменить цвет combobox wpf

    • 0 0 голоса
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    0 комментариев
    Старые
    Новые Популярные
    Межтекстовые Отзывы
    Посмотреть все комментарии