1# option<a name="EN-US_TOPIC_0000001115974742"></a> 2 3- [Permission List](#en-us_topic_0000001058830805_section11257113618419) 4- [Child Component](#en-us_topic_0000001058830805_section9288143101012) 5- [Attribute](#en-us_topic_0000001058830805_section2907183951110) 6- [Event](#en-us_topic_0000001058830805_section175135119475) 7- [Style](#en-us_topic_0000001058830805_section5775351116) 8 9When used as a child component of **<[select](select.md#EN-US_TOPIC_0000001115974746)\>**, the **<option\>** component is used to display items in the drop-down list. 10 11When used as a child component of **<[menu](menu.md#EN-US_TOPIC_0000001162414625)\>**, the **<option\>** component is used to display items in the displayed menu. 12 13## Permission List<a name="en-us_topic_0000001058830805_section11257113618419"></a> 14 15None 16 17## Child Component<a name="en-us_topic_0000001058830805_section9288143101012"></a> 18 19Not supported 20 21## Attribute<a name="en-us_topic_0000001058830805_section2907183951110"></a> 22 23<a name="en-us_topic_0000001058830805_table20633101642315"></a> 24<table><thead align="left"><tr id="en-us_topic_0000001058830805_row663331618238"><th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a9ba8c579217b4b8b841b035f1d28b20e"></a>Name</p> 25</th> 26<th class="cellrowborder" valign="top" width="23.119999999999997%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a633002333b024497914a4b172446f14e"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a633002333b024497914a4b172446f14e"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a633002333b024497914a4b172446f14e"></a>Type</p> 27</th> 28<th class="cellrowborder" valign="top" width="10.48%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a4950f7884c6540b9ad523ac34657d952"></a>Default Value</p> 29</th> 30<th class="cellrowborder" valign="top" width="7.5200000000000005%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001058830805_p824610360217"><a name="en-us_topic_0000001058830805_p824610360217"></a><a name="en-us_topic_0000001058830805_p824610360217"></a>Mandatory</p> 31</th> 32<th class="cellrowborder" valign="top" width="35.76%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a1313564aa9404a338447087d5918c17d"></a>Description</p> 33</th> 34</tr> 35</thead> 36<tbody><tr id="en-us_topic_0000001058830805_row1518719174474"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_a883fd418b15f44aab62cb432b06673c4"><a name="en-us_topic_0000001058830805_a883fd418b15f44aab62cb432b06673c4"></a><a name="en-us_topic_0000001058830805_a883fd418b15f44aab62cb432b06673c4"></a>selected</p> 37</td> 38<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_afc56b8abb2534994b62d433a905471c7"><a name="en-us_topic_0000001058830805_afc56b8abb2534994b62d433a905471c7"></a><a name="en-us_topic_0000001058830805_afc56b8abb2534994b62d433a905471c7"></a>boolean</p> 39</td> 40<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_ae97849073e88424bbe1d389b984956f1"><a name="en-us_topic_0000001058830805_ae97849073e88424bbe1d389b984956f1"></a><a name="en-us_topic_0000001058830805_ae97849073e88424bbe1d389b984956f1"></a>-</p> 41</td> 42<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_a91102d93137e4b189678fa366af8fbcf"><a name="en-us_topic_0000001058830805_a91102d93137e4b189678fa366af8fbcf"></a><a name="en-us_topic_0000001058830805_a91102d93137e4b189678fa366af8fbcf"></a>No</p> 43</td> 44<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_a17bb7bb8f011471f9527ca6bfb6ab15d"><a name="en-us_topic_0000001058830805_a17bb7bb8f011471f9527ca6bfb6ab15d"></a><a name="en-us_topic_0000001058830805_a17bb7bb8f011471f9527ca6bfb6ab15d"></a>Whether an option is the default option in the drop-down list. This attribute is available only when the parent component is <strong id="en-us_topic_0000001058830805_b114851051123511"><a name="en-us_topic_0000001058830805_b114851051123511"></a><a name="en-us_topic_0000001058830805_b114851051123511"></a><select></strong>.</p> 45</td> 46</tr> 47<tr id="en-us_topic_0000001058830805_row685281464718"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_a7d9da77d616d46eea405d2773043efa4"><a name="en-us_topic_0000001058830805_a7d9da77d616d46eea405d2773043efa4"></a><a name="en-us_topic_0000001058830805_a7d9da77d616d46eea405d2773043efa4"></a>value</p> 48</td> 49<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_a160704c9307f481db3132fdc9699124e"><a name="en-us_topic_0000001058830805_a160704c9307f481db3132fdc9699124e"></a><a name="en-us_topic_0000001058830805_a160704c9307f481db3132fdc9699124e"></a>string</p> 50</td> 51<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_a9cad6471925043e7aa7d55c4b1fae551"><a name="en-us_topic_0000001058830805_a9cad6471925043e7aa7d55c4b1fae551"></a><a name="en-us_topic_0000001058830805_a9cad6471925043e7aa7d55c4b1fae551"></a>-</p> 52</td> 53<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_ad0233f7d2ac4447facb335d36c8acfc5"><a name="en-us_topic_0000001058830805_ad0233f7d2ac4447facb335d36c8acfc5"></a><a name="en-us_topic_0000001058830805_ad0233f7d2ac4447facb335d36c8acfc5"></a>Yes</p> 54</td> 55<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_p1145911181476"><a name="en-us_topic_0000001058830805_p1145911181476"></a><a name="en-us_topic_0000001058830805_p1145911181476"></a>Value of an option, which is used as the returned value of the selected event of the <strong id="en-us_topic_0000001058830805_b984993812421"><a name="en-us_topic_0000001058830805_b984993812421"></a><a name="en-us_topic_0000001058830805_b984993812421"></a><select></strong>or <strong id="en-us_topic_0000001058830805_b136061622193920"><a name="en-us_topic_0000001058830805_b136061622193920"></a><a name="en-us_topic_0000001058830805_b136061622193920"></a><menu></strong> parent component.</p> 56<div class="note" id="en-us_topic_0000001058830805_note174591818114715"><a name="en-us_topic_0000001058830805_note174591818114715"></a><a name="en-us_topic_0000001058830805_note174591818114715"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001058830805_p9459218134716"><a name="en-us_topic_0000001058830805_p9459218134716"></a><a name="en-us_topic_0000001058830805_p9459218134716"></a>The option value to be displayed on the UI must be put between the start and end tags, for example, <strong id="en-us_topic_0000001058830805_b1333453312333"><a name="en-us_topic_0000001058830805_b1333453312333"></a><a name="en-us_topic_0000001058830805_b1333453312333"></a><option value="10">October</option></strong>.</p> 57</div></div> 58</td> 59</tr> 60<tr id="en-us_topic_0000001058830805_row1221312129475"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_p124597184479"><a name="en-us_topic_0000001058830805_p124597184479"></a><a name="en-us_topic_0000001058830805_p124597184479"></a>icon</p> 61</td> 62<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_p445961814719"><a name="en-us_topic_0000001058830805_p445961814719"></a><a name="en-us_topic_0000001058830805_p445961814719"></a>string</p> 63</td> 64<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_p345971813473"><a name="en-us_topic_0000001058830805_p345971813473"></a><a name="en-us_topic_0000001058830805_p345971813473"></a>-</p> 65</td> 66<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_p1745919188470"><a name="en-us_topic_0000001058830805_p1745919188470"></a><a name="en-us_topic_0000001058830805_p1745919188470"></a>No</p> 67</td> 68<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_p164596188472"><a name="en-us_topic_0000001058830805_p164596188472"></a><a name="en-us_topic_0000001058830805_p164596188472"></a>Icon resource path. This icon is displayed before the option text. The supported icon formats are JPG, PNG, and SVG.</p> 69</td> 70</tr> 71<tr id="en-us_topic_0000001058830805_row36332165231"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_adb8a73146d764f2aab50fc046169ab26"></a>id</p> 72</td> 73<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a06898db2627246f78e85d4fbadeee85c"></a>string</p> 74</td> 75<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_ae685ead324a647bcba1bbb45c9402dd6"></a>-</p> 76</td> 77<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_p42461736102118"><a name="en-us_topic_0000001058830805_p42461736102118"></a><a name="en-us_topic_0000001058830805_p42461736102118"></a>No</p> 78</td> 79<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a692121725a9b4ebbae65cd22b94b672e"></a>Unique ID of a component.</p> 80</td> 81</tr> 82<tr id="en-us_topic_0000001058830805_row13633131616239"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a7c032d302e1d437eac59680e066308b0"></a>style</p> 83</td> 84<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a6ba72f5c52df4fba9b02b5dffa26677e"></a>string</p> 85</td> 86<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a23cec1f95fd04ff1b3b20f58844ea654"></a>-</p> 87</td> 88<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_p17246836142119"><a name="en-us_topic_0000001058830805_p17246836142119"></a><a name="en-us_topic_0000001058830805_p17246836142119"></a>No</p> 89</td> 90<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_ab9c92d331da44a0e9114f6760340680a"></a>Style declaration of a component.</p> 91</td> 92</tr> 93<tr id="en-us_topic_0000001058830805_row10634131610230"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a3e97d6d2a5b84e06bf619049840a00a8"></a>class</p> 94</td> 95<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_af0974175e9434735b035a4db9146aa04"></a>string</p> 96</td> 97<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_aa5caace6225b440eba13dc2230f3ef0f"></a>-</p> 98</td> 99<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_p324614367213"><a name="en-us_topic_0000001058830805_p324614367213"></a><a name="en-us_topic_0000001058830805_p324614367213"></a>No</p> 100</td> 101<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001058340523_a2f6321cf45ae481983a88dcc2f900900"></a>Style class of a component, which is used to refer to a style table.</p> 102</td> 103</tr> 104<tr id="en-us_topic_0000001058830805_row18872711623"><td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p979mcpsimp"><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p979mcpsimp"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p979mcpsimp"></a>disabled(Rich)<sup id="en-us_topic_0000001058830805_sup165953517216"><a name="en-us_topic_0000001058830805_sup165953517216"></a><a name="en-us_topic_0000001058830805_sup165953517216"></a>5+</sup></p> 105</td> 106<td class="cellrowborder" valign="top" width="23.119999999999997%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p981mcpsimp"><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p981mcpsimp"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p981mcpsimp"></a>boolean</p> 107</td> 108<td class="cellrowborder" valign="top" width="10.48%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p983mcpsimp"><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p983mcpsimp"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p983mcpsimp"></a>false</p> 109</td> 110<td class="cellrowborder" valign="top" width="7.5200000000000005%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_p192476368214"><a name="en-us_topic_0000001058830805_p192476368214"></a><a name="en-us_topic_0000001058830805_p192476368214"></a>No</p> 111</td> 112<td class="cellrowborder" valign="top" width="35.76%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p985mcpsimp"><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p985mcpsimp"></a><a name="en-us_topic_0000001058830805_en-us_topic_0000001050831187_en-us_topic_0000000000611464_p985mcpsimp"></a>Whether this option is disabled. In this case, it cannot respond to user operations.</p> 113</td> 114</tr> 115</tbody> 116</table> 117 118## Event<a name="en-us_topic_0000001058830805_section175135119475"></a> 119 120Not supported 121 122## Style<a name="en-us_topic_0000001058830805_section5775351116"></a> 123 124The following style attributes are supported. 125 126<a name="en-us_topic_0000001058830805_t2420cc4f2a7a48afbeb83cb4e0d3c481"></a> 127<table><thead align="left"><tr id="en-us_topic_0000001058830805_r0684f76f60eb45279db68f515f4bf61c"><th class="cellrowborder" valign="top" width="18.81188118811881%" id="mcps1.1.6.1.1"><p id="en-us_topic_0000001058830805_a483bf3731e274a69a3318680ab8d294d"><a name="en-us_topic_0000001058830805_a483bf3731e274a69a3318680ab8d294d"></a><a name="en-us_topic_0000001058830805_a483bf3731e274a69a3318680ab8d294d"></a>Name</p> 128</th> 129<th class="cellrowborder" valign="top" width="24.752475247524753%" id="mcps1.1.6.1.2"><p id="en-us_topic_0000001058830805_a668752fdd289488894b824c67145a35a"><a name="en-us_topic_0000001058830805_a668752fdd289488894b824c67145a35a"></a><a name="en-us_topic_0000001058830805_a668752fdd289488894b824c67145a35a"></a>Type</p> 130</th> 131<th class="cellrowborder" valign="top" width="15.841584158415841%" id="mcps1.1.6.1.3"><p id="en-us_topic_0000001058830805_af7492efe635a4c36ae86a2ddea34b1bd"><a name="en-us_topic_0000001058830805_af7492efe635a4c36ae86a2ddea34b1bd"></a><a name="en-us_topic_0000001058830805_af7492efe635a4c36ae86a2ddea34b1bd"></a>Default Value</p> 132</th> 133<th class="cellrowborder" valign="top" width="9.900990099009901%" id="mcps1.1.6.1.4"><p id="en-us_topic_0000001058830805_a003e28cad63a485b9eebb109f46c7309"><a name="en-us_topic_0000001058830805_a003e28cad63a485b9eebb109f46c7309"></a><a name="en-us_topic_0000001058830805_a003e28cad63a485b9eebb109f46c7309"></a>Mandatory</p> 134</th> 135<th class="cellrowborder" valign="top" width="30.693069306930692%" id="mcps1.1.6.1.5"><p id="en-us_topic_0000001058830805_a8f798a93681e4bd2a9965529fb6bc20f"><a name="en-us_topic_0000001058830805_a8f798a93681e4bd2a9965529fb6bc20f"></a><a name="en-us_topic_0000001058830805_a8f798a93681e4bd2a9965529fb6bc20f"></a>Description</p> 136</th> 137</tr> 138</thead> 139<tbody><tr id="en-us_topic_0000001058830805_rabeceb58645f41759ef590abd1094c11"><td class="cellrowborder" valign="top" width="18.81188118811881%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_a61b4d670b9de4435ba57801f6f7a937e"><a name="en-us_topic_0000001058830805_a61b4d670b9de4435ba57801f6f7a937e"></a><a name="en-us_topic_0000001058830805_a61b4d670b9de4435ba57801f6f7a937e"></a>color</p> 140</td> 141<td class="cellrowborder" valign="top" width="24.752475247524753%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_a9599239e7edf405e9930713ee7191e15"><a name="en-us_topic_0000001058830805_a9599239e7edf405e9930713ee7191e15"></a><a name="en-us_topic_0000001058830805_a9599239e7edf405e9930713ee7191e15"></a><color></p> 142</td> 143<td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_ad470728c1d9146afb164db59bf59c473"><a name="en-us_topic_0000001058830805_ad470728c1d9146afb164db59bf59c473"></a><a name="en-us_topic_0000001058830805_ad470728c1d9146afb164db59bf59c473"></a>#e6000000</p> 144</td> 145<td class="cellrowborder" valign="top" width="9.900990099009901%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_a00dda7f922aa4782b4ed6a92a98d5d1b"><a name="en-us_topic_0000001058830805_a00dda7f922aa4782b4ed6a92a98d5d1b"></a><a name="en-us_topic_0000001058830805_a00dda7f922aa4782b4ed6a92a98d5d1b"></a>No</p> 146</td> 147<td class="cellrowborder" valign="top" width="30.693069306930692%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_a64508ed81c5b4b3ca9def0fefae31f36"><a name="en-us_topic_0000001058830805_a64508ed81c5b4b3ca9def0fefae31f36"></a><a name="en-us_topic_0000001058830805_a64508ed81c5b4b3ca9def0fefae31f36"></a>Text color of the options.</p> 148</td> 149</tr> 150<tr id="en-us_topic_0000001058830805_rc7beaf0e35194f4b821333f3aa91aefc"><td class="cellrowborder" valign="top" width="18.81188118811881%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_a71b1da3d23d54fd6bfbba190ca91b4da"><a name="en-us_topic_0000001058830805_a71b1da3d23d54fd6bfbba190ca91b4da"></a><a name="en-us_topic_0000001058830805_a71b1da3d23d54fd6bfbba190ca91b4da"></a>font-size</p> 151</td> 152<td class="cellrowborder" valign="top" width="24.752475247524753%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_a3c24ccd1f1274cb5ba9496ed322fa6e4"><a name="en-us_topic_0000001058830805_a3c24ccd1f1274cb5ba9496ed322fa6e4"></a><a name="en-us_topic_0000001058830805_a3c24ccd1f1274cb5ba9496ed322fa6e4"></a><length></p> 153</td> 154<td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_adec9bcad945f4c0da077f460787a55b3"><a name="en-us_topic_0000001058830805_adec9bcad945f4c0da077f460787a55b3"></a><a name="en-us_topic_0000001058830805_adec9bcad945f4c0da077f460787a55b3"></a>16px</p> 155</td> 156<td class="cellrowborder" valign="top" width="9.900990099009901%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_a955d1ce0c7824017aa55b4c1a629e63d"><a name="en-us_topic_0000001058830805_a955d1ce0c7824017aa55b4c1a629e63d"></a><a name="en-us_topic_0000001058830805_a955d1ce0c7824017aa55b4c1a629e63d"></a>No</p> 157</td> 158<td class="cellrowborder" valign="top" width="30.693069306930692%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_a0d0c0048474b4540bc4bc2dd11775ac6"><a name="en-us_topic_0000001058830805_a0d0c0048474b4540bc4bc2dd11775ac6"></a><a name="en-us_topic_0000001058830805_a0d0c0048474b4540bc4bc2dd11775ac6"></a>Font size of the options.</p> 159</td> 160</tr> 161<tr id="en-us_topic_0000001058830805_row810552892"><td class="cellrowborder" valign="top" width="18.81188118811881%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_p523512225579"><a name="en-us_topic_0000001058830805_p523512225579"></a><a name="en-us_topic_0000001058830805_p523512225579"></a>allow-scale</p> 162</td> 163<td class="cellrowborder" valign="top" width="24.752475247524753%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_p923522212570"><a name="en-us_topic_0000001058830805_p923522212570"></a><a name="en-us_topic_0000001058830805_p923522212570"></a>boolean</p> 164</td> 165<td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_p11235322145714"><a name="en-us_topic_0000001058830805_p11235322145714"></a><a name="en-us_topic_0000001058830805_p11235322145714"></a>true</p> 166</td> 167<td class="cellrowborder" valign="top" width="9.900990099009901%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_p12235112285712"><a name="en-us_topic_0000001058830805_p12235112285712"></a><a name="en-us_topic_0000001058830805_p12235112285712"></a>No</p> 168</td> 169<td class="cellrowborder" valign="top" width="30.693069306930692%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_p1023513229570"><a name="en-us_topic_0000001058830805_p1023513229570"></a><a name="en-us_topic_0000001058830805_p1023513229570"></a>Whether the font size changes with the system's font size settings.</p> 170<div class="note" id="en-us_topic_0000001058830805_note1467145631615"><a name="en-us_topic_0000001058830805_note1467145631615"></a><a name="en-us_topic_0000001058830805_note1467145631615"></a><span class="notetitle"> NOTE: </span><div class="notebody"><p id="en-us_topic_0000001058830805_p126785616164"><a name="en-us_topic_0000001058830805_p126785616164"></a><a name="en-us_topic_0000001058830805_p126785616164"></a>If the <strong id="en-us_topic_0000001058830805_b3847171311256"><a name="en-us_topic_0000001058830805_b3847171311256"></a><a name="en-us_topic_0000001058830805_b3847171311256"></a>config-changes</strong> tag of <strong id="en-us_topic_0000001058830805_b38541913152512"><a name="en-us_topic_0000001058830805_b38541913152512"></a><a name="en-us_topic_0000001058830805_b38541913152512"></a>fontSize</strong> is configured for abilities in the <strong id="en-us_topic_0000001058830805_b15854713182513"><a name="en-us_topic_0000001058830805_b15854713182513"></a><a name="en-us_topic_0000001058830805_b15854713182513"></a>config.json</strong> file, the setting takes effect without application restart.</p> 171</div></div> 172</td> 173</tr> 174<tr id="en-us_topic_0000001058830805_rdf236cf1bf6e427e9f1eda9b51897b65"><td class="cellrowborder" valign="top" width="18.81188118811881%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_aaa79d478172148f49b57a9b61bb1c2aa"><a name="en-us_topic_0000001058830805_aaa79d478172148f49b57a9b61bb1c2aa"></a><a name="en-us_topic_0000001058830805_aaa79d478172148f49b57a9b61bb1c2aa"></a>font-weight</p> 175</td> 176<td class="cellrowborder" valign="top" width="24.752475247524753%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_aaa011c1dbd094e6f9d00109bcba267c0"><a name="en-us_topic_0000001058830805_aaa011c1dbd094e6f9d00109bcba267c0"></a><a name="en-us_topic_0000001058830805_aaa011c1dbd094e6f9d00109bcba267c0"></a>number | string</p> 177</td> 178<td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_a6f998aca924d438b89f36ffbb2c4d32d"><a name="en-us_topic_0000001058830805_a6f998aca924d438b89f36ffbb2c4d32d"></a><a name="en-us_topic_0000001058830805_a6f998aca924d438b89f36ffbb2c4d32d"></a>normal</p> 179</td> 180<td class="cellrowborder" valign="top" width="9.900990099009901%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_af2332b705d6447acb25117940e7f3c30"><a name="en-us_topic_0000001058830805_af2332b705d6447acb25117940e7f3c30"></a><a name="en-us_topic_0000001058830805_af2332b705d6447acb25117940e7f3c30"></a>No</p> 181</td> 182<td class="cellrowborder" valign="top" width="30.693069306930692%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_aaba88a62d1484a5a884cfc516e68f949"><a name="en-us_topic_0000001058830805_aaba88a62d1484a5a884cfc516e68f949"></a><a name="en-us_topic_0000001058830805_aaba88a62d1484a5a884cfc516e68f949"></a>Font weight. For details, see <a href="text.md#en-us_topic_0000001058830803_section5775351116">font-weight</a> of the <strong id="en-us_topic_0000001058830805_b9496182195214"><a name="en-us_topic_0000001058830805_b9496182195214"></a><a name="en-us_topic_0000001058830805_b9496182195214"></a>text</strong> component.</p> 183</td> 184</tr> 185<tr id="en-us_topic_0000001058830805_re1d34ad1822943cebad252df6e510f95"><td class="cellrowborder" valign="top" width="18.81188118811881%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_af8be974b93b0494f98525507cef59575"><a name="en-us_topic_0000001058830805_af8be974b93b0494f98525507cef59575"></a><a name="en-us_topic_0000001058830805_af8be974b93b0494f98525507cef59575"></a>text-decoration</p> 186</td> 187<td class="cellrowborder" valign="top" width="24.752475247524753%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_a292b2c30ba414fd2b2ad98140f566fb7"><a name="en-us_topic_0000001058830805_a292b2c30ba414fd2b2ad98140f566fb7"></a><a name="en-us_topic_0000001058830805_a292b2c30ba414fd2b2ad98140f566fb7"></a>string</p> 188</td> 189<td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_a37a3613403c7436d959537a24cce65aa"><a name="en-us_topic_0000001058830805_a37a3613403c7436d959537a24cce65aa"></a><a name="en-us_topic_0000001058830805_a37a3613403c7436d959537a24cce65aa"></a>none</p> 190</td> 191<td class="cellrowborder" valign="top" width="9.900990099009901%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_a6d9989e17ccc41fc98a868e93bcba305"><a name="en-us_topic_0000001058830805_a6d9989e17ccc41fc98a868e93bcba305"></a><a name="en-us_topic_0000001058830805_a6d9989e17ccc41fc98a868e93bcba305"></a>No</p> 192</td> 193<td class="cellrowborder" valign="top" width="30.693069306930692%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_aad7a14f50e664992800a990ae4261aa0"><a name="en-us_topic_0000001058830805_aad7a14f50e664992800a990ae4261aa0"></a><a name="en-us_topic_0000001058830805_aad7a14f50e664992800a990ae4261aa0"></a>Text decoration. For details, see <a href="text.md#en-us_topic_0000001058830803_section5775351116">text-decoration</a> of the <strong id="en-us_topic_0000001058830805_b1935201619527"><a name="en-us_topic_0000001058830805_b1935201619527"></a><a name="en-us_topic_0000001058830805_b1935201619527"></a>text</strong> component.</p> 194</td> 195</tr> 196<tr id="en-us_topic_0000001058830805_r551b8b3310cd41c6988d4ea426fdbe15"><td class="cellrowborder" valign="top" width="18.81188118811881%" headers="mcps1.1.6.1.1 "><p id="en-us_topic_0000001058830805_a382bf204a52142229c5fdaafee11b0ac"><a name="en-us_topic_0000001058830805_a382bf204a52142229c5fdaafee11b0ac"></a><a name="en-us_topic_0000001058830805_a382bf204a52142229c5fdaafee11b0ac"></a>font-family</p> 197</td> 198<td class="cellrowborder" valign="top" width="24.752475247524753%" headers="mcps1.1.6.1.2 "><p id="en-us_topic_0000001058830805_af4c827c5dc8640c7b71cef3ab10a8c8a"><a name="en-us_topic_0000001058830805_af4c827c5dc8640c7b71cef3ab10a8c8a"></a><a name="en-us_topic_0000001058830805_af4c827c5dc8640c7b71cef3ab10a8c8a"></a>string</p> 199</td> 200<td class="cellrowborder" valign="top" width="15.841584158415841%" headers="mcps1.1.6.1.3 "><p id="en-us_topic_0000001058830805_aae19b2b84b70411ca6ebb975825547fc"><a name="en-us_topic_0000001058830805_aae19b2b84b70411ca6ebb975825547fc"></a><a name="en-us_topic_0000001058830805_aae19b2b84b70411ca6ebb975825547fc"></a>sans-serif</p> 201</td> 202<td class="cellrowborder" valign="top" width="9.900990099009901%" headers="mcps1.1.6.1.4 "><p id="en-us_topic_0000001058830805_acd71bec57fbc44b5afea10134cdae523"><a name="en-us_topic_0000001058830805_acd71bec57fbc44b5afea10134cdae523"></a><a name="en-us_topic_0000001058830805_acd71bec57fbc44b5afea10134cdae523"></a>No</p> 203</td> 204<td class="cellrowborder" valign="top" width="30.693069306930692%" headers="mcps1.1.6.1.5 "><p id="en-us_topic_0000001058830805_a0b6365c7b9874a8796099aa02f73cde2"><a name="en-us_topic_0000001058830805_a0b6365c7b9874a8796099aa02f73cde2"></a><a name="en-us_topic_0000001058830805_a0b6365c7b9874a8796099aa02f73cde2"></a>Font family, in which fonts are separated by commas (,). Each font is set using a font name or font family name. The first font in the family or the font specified by <a href="custom-font-styles.md#EN-US_TOPIC_0000001162414611">Custom Font Styles</a> is used for the text.</p> 205</td> 206</tr> 207</tbody> 208</table> 209 210