I've been attempting to adjust the width of the selectpicker box that displays selected options, but so far all my efforts have been fruitless. I can't seem to change the width or color of the box.
If anyone has any ideas or suggestions, they would be greatly appreciated.
Here is a snippet of the code I tried using to change the width of the box, but it doesn't seem to work as expected:
.selectpicker {
width: 25px;
Below is a code snippet you can run for reference:
<script>
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script type = "text/javascript">
$(window).on('load', function() {
$('.selectpicker').selectpicker({
'selectedText': 'cat'
});
// $('.selectpicker').selectpicker('hide');
});
</script> (CSS Code Snippet Omitted for Brevity)
(HTML and JS Code Snippets Omitted)