dropup | Drag and Drop Image Uploader | File Upload library

I know this has been asked for regular html controls, but I cannot seem to get rid of this ugly black border that surrounds my selectpicker list box :

And when I don't have focus:

There's already a focus radius blue color that surrounds my input, so for accessibility, I do not need this black one. I've read everywhere that I need to use outline: none; css, but it isn't working in my case.

This is my CSS:

I have the following code structure:

I want to create drop up menu with split button class I am getting dropdown menu instead of drop up. Iam writing the following code snippet.

I have a menu which has buttons as menu items. One of the menu items is a drop down button. I am coding in Bootstrap and CSS. Everything is working fine except when I click on one of the dropdown menu items. When I do that, the drop down button called "More" goes green and the word "More" disappears, so all I see is just a green opaque button. I have made the text outline of the "More" button green so it's picking up the color from that. Otherwise, when a menu dropdown item link has not been clicked, the color of the button is black. The links for the dropdown menu items themselves are changing to the right color so there are no problems in that part.

This is the code for the menu:

I am trying to scrape out some links from a site using javascript. In the below HTML I have some links in the 'a' tag. And I am using the following JS.

The problem is that I am not able to get the links from the myChildList.

When I console.log myDownloadDiv, it shows me the output as object HTMLElement. When I console.log the myChildList (i.e the children of the HTMLElement) I get something like a HTMLCollection [a.dropdown-item.disabled] in which the length is 2 and with both the anchor tags and with all their properties in it with the links.

When I want to console.log all the elements using a loop, it shows only one element and the output is like this:

I'm new to Bootstrap.js and am trying to a align an input-group side-by-side with a dropdown but can't get it to work--code and figure below. I have tried the table approach but end up the elements vertically misaligned. What should I do?

Im using JSP, Jquery and Bootstrap As you can see in my code:

I am trying to create a simple dashboard.

Here is the code:

I am facing an issue that I am not able to make a bootstrap multiselect box after appending a new multiselect box in table >> td.

I read the multiple threads on StackOverflow and other communities not I couldn't get a positive answer. I am trying in my code when clicking on PLUS BTN new TR will append with multiselect box. but it not working except one multiselect box.

Please help me to how I fix this code which would be work as my expectation here I am explaing.. where I am doing mistake ?

My code and error screenshot is below: