Skip to content

Instantly share code, notes, and snippets.

@devwax

devwax/fluent-forms-select-dropown-fix.css

Created July 18, 2020 06:19
Show Gist options
  • Save devwax/20c21fea1bbf38ba8b195eeea9328279 to your computer and use it in GitHub Desktop.
Save devwax/20c21fea1bbf38ba8b195eeea9328279 to your computer and use it in GitHub Desktop.
Download ZIP
Fixes Fluid Forms select dropdown chevron icon with zero right spacing
Raw
fluent-forms-select-dropown-fix.css
/* Fluent Forms Select Dropdown Chevron Fix */
form select.ff-el-form-control {
appearance: none;
-webkit-appearance: none;
-mod-appearance: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAsElEQVQ4T+3TsQ2DQAyF4Z86UzBARqBLQ0Edpc8CTMIC9Ig6RZp0GSEDZIrUiSxx6OTIvpO4EjoO+9P5yVQUfqrCHju4PVGd4QHogBn4JnjpPQM34BNqNVgDL2AEegeVvgG4AkfgbYFy3gB3B42xFnjGk1hrY6EuJrC3hxqV+jDm3828keMJYlTOJTMTS90wwII+lpeTzkxvQu6vd1kap9Sm5oIpZ/2+g9lRmYXFM/wBdYQdFSn+8wIAAAAASUVORK5CYII=) !important;
background-repeat: no-repeat;
background-position: calc(100% - 10px) center;
background-size: 17px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment