diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 7d0d7e447e..ee871b22cf 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -190,6 +190,7 @@ button {
 
 .select-wrapper {
   @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
+  @include border-radius(var(--border-radius));
 
   display: flex;
 
diff --git a/core/src/components/select/test/custom/select.e2e.ts b/core/src/components/select/test/custom/select.e2e.ts
new file mode 100644
index 0000000000..ac308a1459
--- /dev/null
+++ b/core/src/components/select/test/custom/select.e2e.ts
@@ -0,0 +1,39 @@
+import { expect } from '@playwright/test';
+import { test } from '@utils/test/playwright';
+
+test.describe('select: custom', () => {
+  test('should be able to customize select using css apis', async ({ page, skip }) => {
+    skip.rtl();
+
+    test.info().annotations.push({
+      type: 'issue',
+      description: 'https://github.com/ionic-team/ionic-framework/issues/27208',
+    });
+
+    await page.setContent(`
+      <ion-select label="Select" value="a">
+        <ion-select-option value="a">Apple</ion-select-option>
+      </ion-select>
+
+      <style>
+        ion-select {
+          color: white;
+
+          --background: #0088cc;
+          --border-radius: 20px;
+          --padding-start: 16px;
+          --padding-end: 16px;
+          --padding-top: 16px;
+          --padding-bottom: 16px;
+        }
+
+        ion-select::part(icon) {
+          color: white;
+        }
+      </style>
+    `);
+
+    const select = page.locator('ion-select');
+    await expect(select).toHaveScreenshot(`select-custon-diff-${page.getSnapshotSettings()}.png`);
+  });
+});
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..afabfe189a
Binary files /dev/null and b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..7964269768
Binary files /dev/null and b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..cc158dcd7c
Binary files /dev/null and b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 0000000000..f63cf7e612
Binary files /dev/null and b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 0000000000..c9b6c5ab46
Binary files /dev/null and b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 0000000000..60ad412bda
Binary files /dev/null and b/core/src/components/select/test/custom/select.e2e.ts-snapshots/select-custon-diff-md-ltr-Mobile-Safari-linux.png differ