# polylang/trunk/css/build/selectmenu.css

Polylang, version trunk. 144 lines.

- Page: https://pluginprobe.com/plugins/polylang/trunk/code/css/build/selectmenu.css
- Raw: https://pluginprobe.com/plugins/polylang/trunk/raw/css/build/selectmenu.css
- Modified: 2026-09-14T16:30:38+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/polylang/trunk/code/css/build/selectmenu.css#L10-L20`.

```css
/* Main wrapper */
.pll-selectmenu-button,
.pll-selectmenu-menu .ui-menu {
	font-size: 14px;
	font-family: inherit;
	color: #1e1e1e;
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
}
.pll-selectmenu-button {
	position: relative;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 95%;
	min-height: 40px;
	padding: 0;
	border: 1px solid #949494;
	box-shadow: none;
	text-decoration: none;
	white-space: nowrap;
	line-height: 2.71428571; /* 38px for 40px min-height */
	vertical-align: top;
}
.pll-selectmenu-button:hover {
	color: #1e1e1e;
	background: #fff;
	border-color: #1e1e1e;
}
.pll-selectmenu-button:active {
	background: #fff;
	border-color: #949494;
	box-shadow: none;
}
.pll-selectmenu-button:focus {
	background: #fff;
	border-color: var(--wp-admin-theme-color, #2271b1);
	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #2271b1);
	outline: 2px solid transparent;
}
.pll-selectmenu-button[aria-disabled="true"] {
	cursor: default;
}
/* Arrow */
.pll-selectmenu-button span.ui-icon {
	position: absolute;
	right: 8px;
	left: auto;
	top: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;
	text-indent: 0;
	background: none;
}
.rtl .pll-selectmenu-button span.ui-icon {
	left: 8px;
	right: auto;
}
.ui-icon-triangle-1-s:before {
	content: "";
	background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%231e1e1e%22%2F%3E%3C%2Fsvg%3E") no-repeat right 0 top 55%;
	background-size: 16px 16px;
	box-sizing: border-box;
	position: absolute;
	width: 16px;
	height: 16px;
}
.pll-selectmenu-button.ui-selectmenu-button-open .ui-icon-triangle-1-s:before {
	transform: rotate(180deg);
}
/* Flags */
.pll-selectmenu-button img.ui-icon,
.pll-selectmenu-menu img.ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	right: auto;
	margin: auto 0;
}
.pll-selectmenu-button img.ui-icon {
	left: 12px;
}
.rtl .pll-selectmenu-button img.ui-icon {
	left: auto;
	right: 12px;
}
.pll-selectmenu-menu img.ui-icon {
	left: .3em;
}
.rtl .pll-selectmenu-menu img.ui-icon {
	right: .3em;
	left: auto;
}
/* Text box */
.pll-selectmenu-button span.ui-selectmenu-text {
	display: block;
	padding: 0 24px 0 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.rtl .pll-selectmenu-button span.ui-selectmenu-text {
	padding: 0 42px 0 24px;
}
/* Menu */
.pll-selectmenu-menu {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	padding: 0;
	margin: 0;
}
.pll-selectmenu-menu.ui-selectmenu-open {
	display: block;
}
.pll-selectmenu-menu .ui-menu {
	list-style: none;
	max-height: 231px;
	border: 1px solid #ddd;
	margin: 0;
	box-shadow: 0 2px 6px rgba(100, 100, 100, .3);
	overflow: auto;
	outline: none;
}
.pll-selectmenu-menu .ui-menu-item {
	margin: 0;
}
.pll-selectmenu-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px 2em;
}
.rtl .pll-selectmenu-menu .ui-menu-item-wrapper {
	padding: 3px 2em 3px 1em;
}
.pll-selectmenu-menu .ui-menu-item .ui-state-hover,
.pll-selectmenu-menu .ui-menu-item .ui-state-focus,
.pll-selectmenu-menu .ui-menu-item .ui-state-active {
	background: #d5d5d5;
}


```