how to remove the "border" around the shadcn select when the cursor is inside
I have a select which I only want a dropdown arrow and a line beneath. I manage to remove the top/left/right borders. Even when I dropdown the select, there is no border. However, when the dropdown is close and the cursor is in the text, a black border shows up.
How do I remove this border ?
Thanks very much !
Solution
Try to remove ring, add class to SelectTrigger as below:
class="ring-0 focus:ring-0"
- Shadcn: No import alias found in your tsconfig.json file
- error in react app vercel deployment. plugins: [require("tailwindcss-animate")] ERROR: ReferenceError: require is not defined
- Submit button does not invoke action
- What's wrong with this reactjs rendering?
- InvalidStateError when trying to upload multiple photos using shadcn-vue forms
- Trouble Implementing Column Filtering in TanStack/shadcnUI React Table
- not getting tailwind css colors from a function that return string of tailwind css
- Could not resolve dependency: peer react@"^16.8.0 || ^17 || ^18 || ^19" from react-hook-form@7.53.1
- React Vite PostCSS syntax error upon installing Shadcn Sidebar
- ShadCN-Vue installation - did not recognize object of type "TSInterfaceHeritage"
- Access svelte writable located in object
- how to hide the X at the top of the shadcn dialog box?
- shacn ui cmdk command component not working on react 19 RC and Next.js 15
- Shadcn Warning: Missing `Description` or `aria-describedby={undefined}` for {DialogContent}
- Shadcn `DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users
- Shadcn Form TypeError: Cannot destructure property 'getFieldState' of 'useFormContext(...)'
- ShadCN UI combobox only working with keyboard not with mouse
- Components not loading in pages folder
- How can I write a test for selecting an item from a Select component that uses Portal?
- React Hook Form with shadcn: How to select multi checkbox
- Shadcn: how do I activate a tooltip for testing?
- Issue with react-hook-form Controller and ShadeCn Select Component: Value Resets to Empty String on Selection
- Tailwind error when installing shadcn in Vite React App
- onChange doesn't work on Custom Input inside Controller Wrapper
- Import aliasing won't work in Vite (React, Typescript) boilerplate
- Shadcn select default value
- Does shadcn/ui SelectTrigger click event blocked when another SelectContent opening?
- ShadCN UI combobox, how to passing data from them?
- Toast notification not triggering in Next.js contact form despite successful route and form submission
- Shadcn combobox disabled even though I have not intentionally done it